

<style>
    .ueditor-choose .nav-tabs{ border-bottom: 1px solid #ddd; }
    .ueditor-choose .nav>li>a:hover, .nav>li>a:focus{border-bottom:2px solid #428bca;}
    .ueditor-choose .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ border:none;border-bottom:2px solid #428bca;}
    .ueditor-choose .nav>li>a{ padding: 5px 15px; }
    .ueditor-choose .editorStyle{ width: 100%; padding: 0; float: left; }
    .ueditor-choose blockquote p{ font-size: 16px; }
    .ueditor-choose .nav-tabs, .nav-pills{ margin-bottom: 10px; }
    .ueditor-choose .stylePannel{ width: 594px; margin-right: 6px; padding: 10px; height: 460px; overflow: auto; float: left; border:1px solid #cbcbcb; }
    .ueditor-choose .stylePannel li{ float: left; padding: 5px; margin: 3px 0; width: 100%; list-style-type: none; border:1px solid #f5821f; }
    .ueditor-choose .stylePannel li:hover{ border:2px solid #5cbb3f; }
    .ueditor-choose .stylePannel .hover{ border:2px solid #5cbb3f; }
    .ueditor-choose .selColorBox{ float: left; width: 200px; height: 428px; padding-top: 90px; border:1px solid #cbcbcb; position: relative;}
    #colorOne, #colorTwo, #colorThree{
        position: absolute;
        right: 20px;
        bottom: 65px;
        width: 160px;
    }
    #colorOne, #colorTwo, #colorThree{}
    .ueditor-choose .tab-content .tab-pane { float: left; }
    .ueditor-choose .changeStyle { width: 800px; overflow: hidden; margin-top: -10px; }
    .ueditor-choose .selectedStyle { width: 698px; height: 88px; padding: 10px; float: left; border: 2px solid #5cbb3f; margin-top: 10px; overflow: auto; overflow-x: hidden; }
    .ueditor-choose .selectedStyleoOne, .selectedStyleoTwo{ width: 698px; height: 88px; padding: 10px; float: left; border: 2px solid #5cbb3f; overflow: auto; overflow-x: hidden; }
    .ueditor-choose .borderBox{ float: left; width: 800px; position: relative;}
    .ueditor-choose .J_conBtn{ float: left; width: 80px; margin:37px 0 0 20px; }
    .ueditor-choose legend{ width: auto!important; border-bottom:none; }
    .ueditor-choose .edui-editor-bottomContainer{ display: none; }
    .ueditor-choose .ediTitle{ width: 100%; border-bottom:1px solid #ddd; padding-bottom:10px; }
    .ueditor-choose .ediTitle span{ font-size: 16px; font-weight: 700; border-bottom:3px solid #000; padding-bottom:8px; }
    .color-chose-tool{margin:0 0 10px 5px;}
    .margin-left-3{
        margin-left:-3px!important;
    }
    .nav-tabs>li>a:hover{
        background-color: #fff;
        border:none;
        border-bottom:2px solid #000;
        color: #000;
    }
    #edui232{
        display: none;
    }
    .type-title{
        font-size: 14px;
        color: #666;
        font-weight: normal;
    }
    .orangeColor{
        color: #f6821f;
        font-weight: bold;
    }
    .tipUpload{
        padding: 10px 5px;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        background-color: #f4f5f9;
        border:1px solid #ddd;
        width: 800px;
        margin-top: 0;
    }
    .J_addStyleBtn{
        width: 100%;
        margin: 10px auto;
        border-radius: 3px!important;
    }
    .no-material{
        width:100%;
        text-align: center;
        font-size: 16px;
        color: #666;
        margin: 5px auto;
        padding:10px 0;
        border:1px solid #ddd;
    }
    .sub-btn-con{
        float: left;
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }
    #editorTwo .edui-editor-toolbarbox{
        height: 33px!important;
        overflow: hidden;
    }
    #J_myUploadImg{
        position: absolute;
        top:-28px;
        left: 291px
    }
    .J_uploadStyle .upload-img-box{
        position: relative;
        height: 146px;
    }
    .upload-prev-area li{
        margin-right: 5px!important;
    }
    .J_uploadStyle .upload-prev-area{
        width: 800px;
        height: 146px;
        overflow: auto;
    }
    .w150{
        width: 150px;
    }
    .J_addStyleBox{
        width: 800px;
    }
    .J_myStyleList li{
        width: 100%;
        max-height: 200px;
        overflow: auto;
        position: relative;
        cursor: move;
    }
    .J_delStyleBtn{
        position: absolute;
        top: 0;
        right: 0;
        padding: 3px 5px;
        background-color: red;
        color: #fff;
        display: none;
        cursor: pointer;
    }
    .J_myStyleList .hover{
        border:2px solid red!important;
    }
    .J_myStyleList li:hover{
        border:2px solid red!important;
    }
    .J_myStyleList li:hover .J_delStyleBtn{
        display: block;
    }
    .J_myStyleList li{
        border:1px solid #418bca!important;
    }
    #J_sortStyle .ui-state-highlight{
        height: 30px!important;
    }
</style>
<div class="changeStyle ueditor-choose">
<ul class="nav nav-tabs J_tab">
    <li class="active">
        <a href="#tab-1" data-toggle="tab">关注引导</a>
    </li>

    <li>
        <a href="#tab-2" data-toggle="tab">标题</a>
    </li>

    <li>
        <a href="#tab-3" data-toggle="tab">内容区</a>
    </li>

    <li class="huTui-btn">
        <a href="#tab-4" data-toggle="tab">互推</a>
    </li>

    <li>
        <a href="#tab-5" data-toggle="tab">分割线</a>
    </li>

    <li>
        <a href="#tab-6" data-toggle="tab">阅读原文引导</a>
    </li>

    <li>
        <a href="#tab-7" data-toggle="tab">其他</a>
    </li>

    <li>
        <a href="#tab-8" data-toggle="tab" id="J_myStyle">我的样式</a>
    </li>

</ul>
<div class="tab-content editorStyle J_pannel" style="width:800px;height:558px;overflow:hidden;">

<!--关注引导-->
<div class="tab-pane fade active in" id="tab-1">
    <div class="borderBox">
        <ul class="stylePannel J_wxStyle" style="width:800px;">
            <li>
                <section style="margin: 15px 0px 0px; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(34, 34, 34); font-family: 微软雅黑, arial, sans-serif; font-size: 14px; height: 75px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);"><section class="main" style="margin: 0px; padding: 5px; border: 2px solid rgb(0, 187, 236); max-width: 100%; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; word-wrap: break-word !important; box-sizing: border-box !important;"><section style="margin: 0px; padding: 0px; border: 0px; display: inline-block; max-width: 100%; float: left; height: 60px; width: 60px; word-wrap: break-word !important; box-sizing: border-box !important;"><img class="awb_avatar"  data-ratio="1" data-w="60" _width="60px" src="http://7ni8f2.com1.z0.glb.clouddn.com/img/editor/guide/1.png" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; float: left; word-wrap: break-word !important; box-sizing: border-box !important; height: auto !important; width: 60px !important; visibility: visible !important;"/><img data-ratio="1" data-w="20" src="http://7ni8f2.com1.z0.glb.clouddn.com/img/editor/guide/0.png" style="margin: -60px 0px 0px; padding: 0px; border: 0px; max-width: 100%; float: right; word-wrap: break-word !important; box-sizing: border-box !important; height: auto !important; width: auto !important; visibility: visible !important;"/></section><section style="margin: 0px; padding: 0px 10px; border: 0px; display: inline-block; max-width: 100%; height: 60px; line-height: 30px; word-wrap: break-word !important; box-sizing: border-box !important;"><section style="margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-bottom-style: dashed; border-bottom-color: rgb(118, 118, 118); max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(0, 0, 0); font-weight: bold; word-wrap: break-word !important; box-sizing: border-box !important;">点击「<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(22, 179, 255); word-wrap: break-word !important; box-sizing: border-box !important;">箭头所指处</span>」可快速关注</span></section><section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(0, 0, 0); word-wrap: break-word !important; box-sizing: border-box !important;">微信号：<span class="awb_wxwechatid" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(187, 0, 0); word-wrap: break-word !important; box-sizing: border-box !important;">XXXXXXXXX</span></span></section></section></section><section style="margin: -98px 0px 0px 80px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><p class="main" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border-width: 12px; border-style: solid; border-color: transparent transparent rgb(0, 187, 236); max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; width: 0px; height: 0px; float: none; box-sizing: border-box !important;"><br style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"/></p><p style="margin-top: -21px; margin-bottom: 0px; padding: 0px; border-width: 12px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; width: 0px; height: 0px; float: none; box-sizing: border-box !important;"><br style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"/></p></section></section></section></section></section><p><br/></p>
            </li>
            <li>
                <p style="margin: 0px auto; padding: 0px; border: 1px solid rgb(0, 187, 236); color: rgb(68, 68, 68); font-family: 微软雅黑; line-height: 24px; white-space: normal; max-width: 600px; word-wrap: normal; min-height: 1em; font-size: 12px; border-top-left-radius: 2em!important; border-top-right-radius: 2em!important; border-bottom-left-radius: 2em!important; border-bottom-right-radius: 2em!important; box-sizing: border-box !important;"><span class="main" style="margin: 0px; padding: 2px 2px 2px 6px; border: 0px; max-width: 100%; color: rgb(255, 255, 255); border-top-left-radius: 2em!important; border-bottom-left-radius: 2em!important; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; line-height: 0px; word-wrap: break-word !important; box-sizing: border-box !important;">﻿</span><img  data-ke-src="http://i2.w.yun.hjfile.cn/doc/201311/d1cb6b2d4d3843d8ad8e77a79a337039.gif" data-ratio="0.5" data-w="22" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZbic31ic2MK35OBicecibH8hHeqR1ia8IbkYpxXqI5ickNJdfAJRibovxZjkcw/0?wx_fmt=gif" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important; height: auto !important; visibility: visible !important;"/>&nbsp;<strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">提示</strong>：</span><span style="margin: 0px; padding: 0px 0px 0px 2px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(127, 127, 127); word-wrap: break-word !important; box-sizing: border-box !important;">点击上方</span><span style="margin: 0px; padding: 0px 0px 0px 2px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">&quot;</span><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px 0px 0px 2px; border: 0px; max-width: 100%; color: rgb(0, 112, 192); word-wrap: break-word !important; box-sizing: border-box !important;">微推宝微信</span></strong><span style="margin: 0px; padding: 0px 0px 0px 2px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">&quot;</span><span style="margin: 0px; padding: 0px 0px 0px 2px; border: 0px; max-width: 100%; color: rgb(0, 187, 236); word-wrap: break-word !important; box-sizing: border-box !important;">↑</span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(127, 127, 127); word-wrap: break-word !important; box-sizing: border-box !important;">免费订阅本刊</span></span></p><p><span style="margin: 0px; padding: 0px 0px 0px 2px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(127, 127, 127); word-wrap: break-word !important; box-sizing: border-box !important;"><br/></span></span></p><p><br/></p>
            </li>
            <li>
                <section style="margin: 0px; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal; vertical-align: top;"><section class="awb-s1" style="margin: 0px 0px 0px 158.875px; padding: 0px; border-top-width: 0px; border-bottom-width: 0.8em; border-bottom-style: solid; border-bottom-color: rgb(0, 187, 236); width: 0px; border-right-width: 0.8em !important; border-left-width: 0.8em !important; border-right-style: solid !important; border-left-style: solid !important; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important;"></section><section class="awb-s2" style="margin: 0px; padding: 0px; border: 0px; height: 2.5em; border-top-left-radius: 2em; border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; background-color: rgb(0, 187, 236);"><img src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZiasDW2hiaKfksnKENOLAg0z0yYBBFJzBkZ8bkeSpbicShTYia16xRyUHTA/0?wx_fmt=png" style="margin: 0.5em 0.6em; padding: 0px; border: 0px; height: 1.6em; vertical-align: top;"/><section style="margin: 0.3em 0px 0px; padding: 0px; border: 0px; display: inline-block; width: 231.6875px; text-align: center; font-size: 1.2em; white-space: nowrap; overflow: hidden;"><section style="margin: 0px; padding: 0px; border: 0px; display: inline-block; color: rgb(255, 255, 255);">点击上方</section><section style="margin: 0px; padding: 0px; border: 0px; display: inline-block; color: rgb(64, 84, 115);">“蓝色字”</section><section style="margin: 0px; padding: 0px; border: 0px; display: inline-block; color: rgb(255, 255, 255);">可关注我们！</section></section></section><p></p><section style="margin: 0.3em 0px 0px; padding: 0px; border: 0px; display: inline-block; width: 231.6875px; text-align: center; font-size: 1.2em; white-space: nowrap; overflow: hidden;"><section style="margin: 0px; padding: 0px; border: 0px; display: inline-block; color: rgb(255, 255, 255);"><br/></section></section><p></p></section><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZtUeQ0xhxfYnwDhqXByicdoBk9QHIBE2ID6oudnGNyJHrEEOjHBdVPVg/0?wx_fmt=gif"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZU1Q6gwpDsFicy9Rics9PCK0Jw4K04U8LWYggJ72GbcLweJ8I0XmiaicrEw/0?wx_fmt=jpeg"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZn5TavPgYdVsU6CaSibjgrq5BrInGibP2dYbjm9ricAXCZYJbzibghjdj4w/0?wx_fmt=gif"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZKNguavy0xkQRoaKVkd9bjP6Msp04VwHnuxDCzJxGfQAXMrhJpTUyPw/0?wx_fmt=jpeg"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZ7ibSBibqIh89G6xANgozarocFgSoYFDGbEAqdCsricellyUNLeexVadSw/0?wx_fmt=jpeg"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZ1o2mhvCicgRk8Vu3tMRtZbEek8CntdJzicGE5DvLOkpD5icdEogFbPzKw/0?wx_fmt=jpeg"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZ2JDiakPtjWaBT7e7vI6ibL2QWaITml4okD1aZ6ib1vEzibYUy7KBdibzpJQ/0?wx_fmt=gif"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZKEojUXZe88uxRibd0iaSYFic1r9KVjI8fOQCbHR6JN5xCI2NsnAz9CE5A/0?wx_fmt=gif"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZ7fJRNKyrAPDUjLabX6Oj9lcSDViaGru4eyujT21CGgZUp0fVVkB2bWA/0?wx_fmt=png"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZRm2VD8bDKcJxEgicROX99BibPsKKSd5oDCHUlknIFy1bcfpSiaKRQR8icA/0?wx_fmt=png"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZo6MicLRCSV5KhuDuDGzrZhS4uyxNKtU6T9KfyVJ5RFoXRewzG3Vsxkg/0?wx_fmt=png"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZC6fJUW8vYVxbdRibo650v0o5MACSROnvHphjXOaBN1r1ao3gHEdZOiaA/0?wx_fmt=gif"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZ8Us0wYXL7qXIvFzlfYZO70DtokHT5JneOh7AbkQEIicbY2TK1gxGnfA/0?wx_fmt=jpeg"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZxT3tLwlFiaQiaKE8kRVBHNQpAylic1umlaSPw7wj5quAsCLerCYGqyFAw/0?wx_fmt=jpeg"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZBf2REbpANMiaDibJczzUtOW06LU14nlwylBn7rKENhv9CIBa3icZicRFnw/0?wx_fmt=png"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZGSsz1VCYFInBia12YnGkPdoltLBMGicXJynGmUlmqSz1YbMWVzLkPerw/0?wx_fmt=gif"/></p><p><br/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZBiaTrz3Lk50q3ibXnoWiby9e8NDDsfmw07WAvjrm151SQR3Yibj5Qc2o0Q/0?wx_fmt=gif"/></p><p><br/></p>
            </li>
        </ul>
    </div>
    <div class="selectedStyleoOne" id="J_twoCon">
        <li>
            <section style="margin: 15px 0px 0px; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">
                <section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">
                    <section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">
                        <section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(34, 34, 34); font-family: 微软雅黑, arial, sans-serif; font-size: 14px; height: 75px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);">
                            <section class="main" style="margin: 0px; padding: 5px; border: 2px solid rgb(0, 187, 236); max-width: 100%; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; word-wrap: break-word !important; box-sizing: border-box !important;">
                                <section style="margin: 0px; padding: 0px; border: 0px; display: inline-block; max-width: 100%; float: left; height: 60px; width: 60px; word-wrap: break-word !important; box-sizing: border-box !important;">
                                    <img class="awb_avatar"  data-ratio="1" data-w="60" _width="60px" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZwDTt4qUBtX7YOtxsQ61TvXKLuZT8LFNJnxBG1MXyBmA3hMcwNB6Skg/0?wx_fmt=png" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; float: left; word-wrap: break-word !important; box-sizing: border-box !important; height: auto !important; width: 60px !important; visibility: visible !important;"/><img  data-ratio="1" data-w="20" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZ1XplVCeeu7I1ibETdHhqrEHjbibiclXmJdhVcoKs2UBbTcPgk3SErN76Q/0?wx_fmt=png" style="margin: -60px 0px 0px; padding: 0px; border: 0px; max-width: 100%; float: right; word-wrap: break-word !important; box-sizing: border-box !important; height: auto !important; width: auto !important; visibility: visible !important;"/>
                                </section>
                                <section style="margin: 0px; padding: 0px 10px; border: 0px; display: inline-block; max-width: 100%; height: 60px; line-height: 30px; word-wrap: break-word !important; box-sizing: border-box !important;">
                                    <section style="margin: 0px; padding: 0px; border-width: 0px 0px 1px; border-bottom-style: dashed; border-bottom-color: rgb(118, 118, 118); max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">
                                        <span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(0, 0, 0); font-weight: bold; word-wrap: break-word !important; box-sizing: border-box !important;">点击「<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(22, 179, 255); word-wrap: break-word !important; box-sizing: border-box !important;">箭头所指处</span>」可快速关注</span>
                                    </section>
                                    <section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">
                                        <span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(0, 0, 0); word-wrap: break-word !important; box-sizing: border-box !important;">微信号：<span class="awb_wxwechatid" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(187, 0, 0); word-wrap: break-word !important; box-sizing: border-box !important;">XXXXXXXXX</span></span>
                                    </section>
                                </section>
                            </section>
                            <section style="margin: -98px 0px 0px 80px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">
                                <p class="main" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border-width: 12px; border-style: solid; border-color: transparent transparent rgb(0, 187, 236); max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; width: 0px; height: 0px; float: none; box-sizing: border-box !important;">
                                    <br style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"/>
                                </p>
                                <p style="margin-top: -21px; margin-bottom: 0px; padding: 0px; border-width: 12px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; width: 0px; height: 0px; float: none; box-sizing: border-box !important;">
                                    <br style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"/>
                                </p>
                            </section>
                        </section>
                    </section>
                </section>
            </section>
            <p>
                <br/>
            </p>
        </li>
    </div>
    <button class="J_conBtn btn green"> 确 定 </button>
</div>

<!--标题-->
<div class="tab-pane fade" id="tab-2">
    <div class="borderBox">
        <ul class="stylePannel J_wxStyle">
            <li>
                <h2 class="brcolor" style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; FONT-SIZE: 20px; MAX-WIDTH: 100%; HEIGHT: 35px; FONT-FAMILY: 微软雅黑; WHITE-SPACE: normal; BORDER-BOTTOM: rgb(242,87,45) 1px solid; FONT-WEIGHT: normal; COLOR: rgb(48,55,64); PADDING-BOTTOM: 1px; TEXT-ALIGN: justify; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 2px; PADDING-RIGHT: 0px"><span class="brcolor"style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MAX-WIDTH: 100%; BORDER-BOTTOM: rgb(242,87,45) 20px solid; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 8px; PADDING-LEFT: 8px; DISPLAY: block; PADDING-RIGHT: 8px"><strong style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MAX-WIDTH: 100%; LINE-HEIGHT: 24px"><strong style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MAX-WIDTH: 100%">微</strong></strong></span><p style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MARGIN-BOTTOM: 0px; MAX-WIDTH: 100%; WHITE-SPACE: pre-wrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 1.5em; MARGIN-TOP: 0px; LINE-HEIGHT: 2em; PADDING-RIGHT: 0px"><span style="PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND-COLOR: rgb(255,192,0)"><strong>&nbsp;推宝&nbsp;<span style="FONT-SIZE: 14px; COLOR: rgb(127,127,127)">&nbsp;利器&nbsp;</span></strong></span><br style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MAX-WIDTH: 100%"/></p></h2><p><br/></p><p><br/></p>
            </li>
            <li>
                <fieldset class="brcolor" style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; white-space: normal; max-width: 100%; box-sizing: border-box; color: rgb(62, 62, 62); font-family: 微软雅黑; line-height: 25px; text-align: center; clear: both; word-wrap: break-word !important;"><section class="main brcolor" style="margin: 0px; padding: 0px; border: 0.4em solid rgb(0, 187, 236); display: inline-block; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(248, 247, 245);"><section style="margin: -0.4em 0.5em; padding: 0.5em; border-width: 0.5em 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(248, 247, 245); border-bottom-color: rgb(248, 247, 245); max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><section style="margin: 0px; padding: 0px; border: 0px; display: inline-table; max-width: 100%; vertical-align: middle; word-wrap: break-word !important; box-sizing: border-box !important;"><section class="main2 bfcolor" style="margin: 0px; padding: 0px; border: 0px; display: table; max-width: 100%; vertical-align: middle; line-height: 1.5; font-size: 1em; font-family: inherit; text-align: inherit; text-decoration: inherit; color: rgb(0, 187, 236); word-wrap: break-word !important; box-sizing: border-box !important;">微推宝出品<br style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"/>必属精品<br style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"/></section></section><section class="main3 bkcolor" style="margin: 0px; padding: 0px; border: 0px; display: inline-block; max-width: 100%; box-sizing: border-box; vertical-align: middle; height: 3em; width: 3em; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 0px; border-bottom-left-radius: 50%; word-wrap: break-word !important; background-color: rgb(0, 187, 236);"><section style="margin: 0.2em; padding: 0px; border: 0.2em solid rgb(255, 255, 255); max-width: 100%; box-sizing: border-box; height: 2.6em; width: 2.6em; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; word-wrap: break-word !important; background-color: transparent;"><section style="margin: 0.05em 0px 0px; padding: 0px; border: 0px; max-width: 100%; line-height: 1; font-size: 2em; font-family: inherit; text-align: inherit; text-decoration: inherit; color: rgb(255, 255, 255); word-wrap: break-word !important; box-sizing: border-box !important;">1</section></section></section></section><section class="main4 brcolor" style="margin: 0.5em 0px; padding: 0px; border-width: 1px 0px 0px; border-top-style: solid; border-color: rgb(0, 187, 236); max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"></section><section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; line-height: 1; font-size: 0.9em; font-family: inherit; text-align: inherit; text-decoration: inherit; word-wrap: break-word !important; box-sizing: border-box !important;">这里可输入标题，自适应宽度</section></section></section></fieldset><p><br/></p>
            </li>
            <li>
                <p class="brcolor" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border-width: 2px 0px 0px; border-top-style: solid; border-top-color: rgb(0, 187, 236); font-size: 13px; white-space: normal; max-width: 100%; word-wrap: normal; min-height: 1.5em; color: rgb(62, 62, 62); line-height: 2em; font-family: 微软雅黑; box-sizing: border-box !important;"><span class="bkcolor" style="margin: 0px; padding: 5px 10px; border: 0px; max-width: 100%; color: rgb(255, 255, 255); display: inline-block; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);">这可输入标题</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-size: 13px; white-space: normal; max-width: 100%; word-wrap: normal; min-height: 1em; color: rgb(62, 62, 62); font-family: &#39;Helvetica Neue&#39;, Helvetica, &#39;Hiragino Sans GB&#39;, &#39;Microsoft YaHei&#39;, 微软雅黑, Arial, sans-serif; line-height: 25px; box-sizing: border-box !important; background-color: rgb(255, 255, 255);"><br/></p><p><br/></p>
            </li>
            <li>
                <h2 class="brcolor bfcolor" data-page-model="title" style="margin: 25px 0px 20px; padding: 5px 0px 10px 7px; border-width: 2px 0px 0px; border-top-style: solid; border-top-color: rgb(0, 187, 236); font-size: 22px; font-weight: 100; white-space: normal; max-width: 100%; clear: both; font-family: 微软雅黑; line-height: 35px; color: rgb(0, 187, 236); word-wrap: break-word !important; box-sizing: border-box !important; background-image: url(https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZuEkSvogibPfDE1I9TIrSG5RKTKLKmYz835XicPZfsD0qcdXbxH0syhMA/0?wx_fmt=png); background-color: rgb(255, 255, 255); background-position: 0px 100%; background-repeat: repeat-x;">一、这可输入标题</h2><p><br/></p>
            </li>
            <li>
                <p><section class="main1 brcolor" style="margin: 0.5em 0px; padding: 0px; border-width: 0px 0px 1px; border-bottom-style: solid; border-color: rgb(0, 187, 236); display: inline-block; font-size: 13px; white-space: normal; max-width: 100%; color: rgb(62, 62, 62); font-family: 微软雅黑; line-height: 1em; overflow: hidden; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);"><section class="main2 bkcolor" style="margin: 0px; padding: 0.2em; border: 0px; display: inline-block; max-width: 100%; height: 2.8em; line-height: 1em; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);"><section class="main3" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(255, 255, 255); line-height: 1em; font-family: inherit; font-size: 2.5em; word-wrap: break-word !important; box-sizing: border-box !important;">1</section></section><section class="main4 brcolor" style="margin: 0px; padding: 0.2em; border: 0px; display: inline-block; max-width: 100%; color: rgb(42, 52, 58); line-height: 1em; font-family: inherit; font-size: 1.5em; word-wrap: break-word !important; box-sizing: border-box !important;">这可输入标题</section></section><span style="color: rgb(68, 68, 68); font-family: &#39;Microsoft YaHei&#39;; font-size: 13px; line-height: 24px; background-color: rgb(255, 255, 255);">&nbsp;</span></p>
            </li>

            <li>
                <section class="main_1" style="margin: 0px; padding: 0px; border: 0px; font-size: 13px; white-space: normal; max-width: 100%; color: rgb(62, 62, 62); font-family: 微软雅黑; line-height: 25px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);"><section class="main_2" style="margin: 0.8em 0px 0.5em; padding: 0px; border: 0px; max-width: 100%; overflow: hidden; word-wrap: break-word !important; box-sizing: border-box !important;"><section class="main_3" style="margin: 0px; padding: 0.3em 0.5em; border: 0px; display: inline-block; max-width: 100%; height: 2em; color: white; text-align: center; font-size: 1em; line-height: 1.4em; vertical-align: top; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">第一步</strong></section><section class="main_4 margin-left-3" style="margin: 0px; padding: 0px; border-top-width: 1em !important; border-right-width: 0px; border-bottom-width: 1em !important; border-left-width: 0.5em; border-top-style: solid !important; border-bottom-style: solid !important; border-left-style: solid; border-top-color: transparent !important; border-right-color: rgb(0, 187, 236); border-bottom-color: transparent !important; border-left-color: rgb(0, 187, 236); display: inline-block; max-width: 100%; height: 2em; width: 0.5em; vertical-align: top; word-wrap: break-word !important; box-sizing: border-box !important;"></section></section></section><p><br/></p>
            </li>
            <li>
                <section style="margin: 0.8em 0px 0.5em; padding: 0px; border: 0px; font-size: 13px; white-space: normal; max-width: 100%; color: rgb(62, 62, 62); font-family: 微软雅黑; line-height: 25px; word-wrap: break-word !important; box-sizing: border-box !important;"><span class="bkcolor" style="margin: 0px; padding: 0.3em 0.5em; border: 0px; max-width: 100%; display: inline-block; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; color: white; text-align: center; font-size: 1em; box-shadow: rgb(165, 165, 165) 0.2em 0.2em 0.1em; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">1、这里输入标题</strong></span></section><p><br/></p>
            </li>
            <li>
                <p><section class="s0002 brcolor" style="margin: 0px; padding: 0px; border-width: 1.1em 1em 1.1em 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(0, 187, 236); border-right-color: transparent!important; border-bottom-color: rgb(0, 187, 236); display: inline-block; color: rgb(68, 68, 68); font-family: &#39;Microsoft YaHei&#39;; font-size: 13px; white-space: normal; height: 2em; max-width: 100%; line-height: 1em; box-sizing: border-box;"><section style="margin: -1em 0px 0px; padding: 0.5em 1em; border: 0px; height: 2em; color: white; max-width: 100%; white-space: nowrap; text-overflow: ellipsis;">                                    这里输入标题</section></section><span style="color: rgb(68, 68, 68); font-family: &#39;Microsoft YaHei&#39;; font-size: 13px; line-height: 24px; background-color: rgb(255, 255, 255);">&nbsp;</span></p><p><br/></p>
            </li>
            <li>
                <section style="margin: 0.8em 0px 0.5em; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: &#39;Microsoft YaHei&#39;; font-size: 13px; line-height: 24px; white-space: normal;"><section class="s0002 bkcolor" style="margin: 0px; padding: 0px; border: 0px; display: inline-block; width: 2.5em; height: 2.5em; border-top-left-radius: 2em; border-top-right-radius: 2em; border-bottom-right-radius: 2em; border-bottom-left-radius: 2em; vertical-align: top; text-align: center; background-color: rgb(0, 187, 236);"><section style="margin: 0px; padding: 0px; border: 0px; display: table; width: 32px;"><section style="margin: 0px; padding: 0px; border: 0px; display: table-cell; vertical-align: middle; font-weight: bolder; line-height: 1.3em; font-size: 2em; font-family: inherit; color: rgb(255, 255, 255);">1</section></section></section><section style="margin: 0px 0px 0px 0.7em; padding: 0.3em 0px 0px; border: 0px; display: inline-block;"><section class="s0003 bfcolor" style="margin: 0px; padding: 0px; border: 0px; line-height: 1.4em; font-size: 1.5em; font-family: inherit; color: rgb(0, 187, 236);">请输入标题</section></section></section><p><br/></p>
            </li>
            <li>
                <section style="margin: 0px; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 1em; line-height: 24px; text-align: center; vertical-align: middle;"><section class="s001 btcolor" style="margin: 0px 1em; padding: 0px; border-width: 1.5em; border-style: solid; border-color: rgb(0, 187, 236) transparent; height: 0px;"></section><section style="margin: -2.75em 1.65em; padding: 0px; border-width: 1.3em; border-style: solid; border-color: rgb(255, 255, 255) transparent; height: 0px;"></section><section class="s001 btcolor" style="margin: 0.45em 2.1em; padding: 0px; border-width: 1.1em; border-style: solid; border-color: rgb(0, 187, 236) transparent; height: 0px; vertical-align: middle;"><section style="margin: -0.5em 0px 0px; padding: 0px 1em; border: 0px; font-size: 1.2em; line-height: 1em; color: white; max-height: 1em; overflow: hidden;">请输入标题</section></section></section><p><br/></p>
            </li>

            <li>
                <blockquote class="brcolor" data-mce-style="margin: 5px 0px 0px; padding: 10px; max-width: 100%; orphans: 2; widows: 2; line-height: 25px; font-family: arial, helvetica, sans-serif; text-shadow: #225f87 0px 1px 0px; color: #ffffff; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: #999999 2px 2px 4px; border-left-width: 10px; border-left-style: solid; border-left-color: #fdd000; background-color: #373939; word-wrap: break-word !important;" style="margin: 5px 0px 0px; padding: 10px; border-width: 0px 0px 0px 10px; border-left-style: solid; border-left-color: rgb(0, 187, 236); white-space: normal; max-width: 100%; line-height: 25px; font-size: 14px; font-family: arial, helvetica, sans-serif; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; color: rgb(255, 255, 255); box-shadow: rgb(153, 153, 153) 2px 2px 4px; text-shadow: rgb(34, 95, 135) 0px 1px 0px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(55, 57, 57);"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-family: 微软雅黑; font-size: 16px; word-wrap: break-word !important; box-sizing: border-box !important;">1、这里输入标题</span></strong></blockquote><p><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-family: 微软雅黑; font-size: 16px; word-wrap: break-word !important; box-sizing: border-box !important;"><br/></span></strong></p><p><br/></p>
            </li>
            <li>
                <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: 微软雅黑; font-size: 13px; max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; color: rgb(62, 62, 62); line-height: 25px; box-sizing: border-box !important; background-color: rgb(255, 255, 255);"><strong style="margin: 0px; padding: 0px; border: 0px; color: rgb(255, 255, 255); max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span class="bfcolor" glowfont="display:inline-block; color:white; text-shadow:1px 0 4px #ff0000,0 1px 4px #ff0000,0 -1px 4px #ff0000,-1px 0 4px #ff0000;filter:glow(color=#ff0000,strength=3)" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; display: inline-block; text-shadow: rgb(0, 187, 236) 1px 0px 4px, rgb(0, 187, 236) 0px 1px 4px, rgb(0, 187, 236) 0px -1px 4px, rgb(0, 187, 236) -1px 0px 4px; word-wrap: break-word !important; box-sizing: border-box !important;">请输入标题</span></strong><br style="margin: 0px; padding: 0px; border: 0px;"/></p><p><br/></p>
            </li>
            <li>
                <p  style="margin-top: 0px; margin-bottom: 20px; padding: 0px; border: 0px; font-family: 微软雅黑; font-size: 13px; white-space: normal; max-width: 100%; word-wrap: normal; min-height: 1em; color: rgb(62, 62, 62); line-height: 25px; box-sizing: border-box !important; background-color: rgb(255, 255, 255);"><span class="bkcolor" style="margin: 0px; padding: 4px 10px; border: 0px; max-width: 100%; border-top-left-radius: 0.5em 4em; border-top-right-radius: 3em 1em; border-bottom-right-radius: 0.5em 2em; border-bottom-left-radius: 3em 1em; text-align: justify; color: rgb(255, 255, 255); font-family: 微软雅黑, sans-serif; box-shadow: rgb(165, 165, 165) 4px 4px 2px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">请输入标题</span></strong></strong></span></p><p><span class="bkcolor" style="margin: 0px; padding: 4px 10px; border: 0px; max-width: 100%; border-top-left-radius: 0.5em 4em; border-top-right-radius: 3em 1em; border-bottom-right-radius: 0.5em 2em; border-bottom-left-radius: 3em 1em; text-align: justify; color: rgb(255, 255, 255); font-family: 微软雅黑, sans-serif; box-shadow: rgb(165, 165, 165) 4px 4px 2px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">我是段落内容</span></strong></strong></span></p><p><br/></p>
            </li>
            <li>
                <h2 style="FONT-SIZE: 12px; HEIGHT: 32px; FONT-FAMILY: 微软雅黑, 宋体, tahoma, arial; WHITE-SPACE: normal; BORDER-BOTTOM: rgb(227,227,227) 1px solid; FONT-WEIGHT: normal; COLOR: rgb(62,62,62); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 8px 0px 0px; LINE-HEIGHT: 18px; PADDING-RIGHT: 0px"><span class="bfcolor" style="FONT-SIZE: 16px; FONT-FAMILY: 微软雅黑, sans-serif !important; BORDER-BOTTOM: rgb(86,159,8) 2px solid; FLOAT: left;  COLOR: rgb(86,159,8); PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; LINE-HEIGHT: 28px; PADDING-RIGHT: 2px">请在这可输入标题</span><span class="bkcolor" style="COLOR: rgb(255,255,255); PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(95,170,70);  border-radius: 80% 100% 90% 20%!important;margin-top: 0px;display: inline-block;margin-left: 5px;">我是微信ID</span></h2><p><br/></p>
            </li>
            <li>
                <h2 style="margin: 8px 0px 0px; padding: 0px; white-space: normal; font-size: 16px; font-weight: normal; max-width: 100%; color: rgb(62, 62, 62); height: 32px; line-height: 18px; font-family: 微软雅黑; border-bottom-color: rgb(227, 227, 227); border-bottom-width: 1px; border-bottom-style: solid; text-align: justify; word-wrap: break-word !important; "><span class="brcolor" style="margin: 0px; padding: 0px 2px 3px; max-width: 100%; color: rgb(0, 112, 192); line-height: 28px; border-bottom-color: rgb(0, 112, 192); border-bottom-width: 2px; border-bottom-style: solid; float: left; display: block; word-wrap: break-word !important;"><span class="bkcolor brcolor" style="margin: 0px 8px 0px 0px; padding: 4px 10px; max-width: 100%; border-top-left-radius: 80%!important; border-top-right-radius: 100%!important; border-bottom-right-radius: 90%!important; border-bottom-left-radius: 20%!important; color: rgb(255, 255, 255); word-wrap: break-word !important; background-color: rgb(0, 112, 192);">1</span></span><span class="brcolor"  style="margin: 0px; padding: 0px 2px 3px; max-width: 100%; color: rgb(0, 112, 192); line-height: 28px; border-bottom-color: rgb(0, 112, 192); border-bottom-width: 2px; border-bottom-style: solid; float: left; display: block; word-wrap: break-word !important;"><strong style="color: rgb(60, 117, 45); max-width: 100%; line-height: 28px; word-wrap: break-word !important;">第一标题</strong></span></h2><p><br/></p>
            </li>
            <li>
                <h2 style="margin: 8px 0px 0px; padding: 0px; white-space: normal; font-size: 16px; font-weight: normal; max-width: 100%; color: rgb(62, 62, 62); height: 32px; line-height: 18px; font-family: 微软雅黑;text-align: justify; word-wrap: break-word !important; "><span class="brcolor" style="margin: 0px; padding: 0px 2px 3px; max-width: 100%; color: rgb(0, 112, 192); line-height: 28px;float: left; display: block; word-wrap: break-word !important;"><span class="bkcolor brcolor" style="margin: 0px 8px 0px 0px; padding: 4px 10px; max-width: 100%; border-top-left-radius: 80%!important; border-top-right-radius: 100%!important; border-bottom-right-radius: 90%!important; border-bottom-left-radius: 20%!important; color: rgb(255, 255, 255); word-wrap: break-word !important; background-color: rgb(0, 112, 192);">1</span></span><span class="brcolor"  style="margin: 0px; padding: 0px 2px 3px; max-width: 100%; color: rgb(0, 112, 192); line-height: 28px;float: left; display: block; word-wrap: break-word !important;"><strong style="color: rgb(60, 117, 45); max-width: 100%; line-height: 28px; word-wrap: break-word !important;">第一标题</strong></span></h2><p><br/></p>
            </li>
            <li>
                <h2 style="FONT-SIZE: 16px; HEIGHT: 32px; FONT-FAMILY: 微软雅黑; WHITE-SPACE: normal; FONT-WEIGHT: normal; COLOR: rgb(62,62,62); PADDING-BOTTOM: 0px; TEXT-ALIGN: justify; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 8px 0px 0px; LINE-HEIGHT: 18px; PADDING-RIGHT: 0px"><span style="FLOAT: left; COLOR: rgb(0,112,192); PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; LINE-HEIGHT: 28px; PADDING-RIGHT: 2px"><span class="bkcolor" style="COLOR: rgb(255,255,255); PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(9,6,101); MARGIN-RIGHT: 8px">2</span><strong class="ue_t">请在这可输入标题</strong></span></h2><p><br/></p>
            </li>

            <li>
                <h2  style="FONT-SIZE: 16px; HEIGHT: 32px; FONT-FAMILY: 微软雅黑; WHITE-SPACE: normal; FONT-WEIGHT: normal; COLOR: rgb(62,62,62); PADDING-BOTTOM: 0px; TEXT-ALIGN: justify; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 8px 0px 0px; LINE-HEIGHT: 18px; PADDING-RIGHT: 0px"><span style="FLOAT: left; COLOR: rgb(0,112,192); PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; LINE-HEIGHT: 28px; PADDING-RIGHT: 2px"><span class="bkcolor" style="COLOR: rgb(255,255,255); PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND-COLOR: rgb(95,170,70); MARGIN-RIGHT: 8px; border-radius: 90% 100% 90% 100%!important;">请在这可输入标题</span></span></h2><p><br/></p>
            </li>
            <li>
                <p style="margin-top: 0px; margin-bottom: 12px; padding: 0px; color: rgb(51, 51, 51); font-family: &#39;Microsoft Yahei&#39;; font-size: 14px; line-height: 25px; white-space: normal; text-align: center; background-color: rgb(255, 255, 255);"><span style="margin: 0px; padding: 0px; max-width: 100%; line-height: 0px;">﻿</span><strong style="color: rgb(102, 102, 102); max-width: 100%; line-height: 0px; font-family: 微软雅黑; background-color: rgb(250, 250, 240);"><span class="bkcolor" style="margin: 0px; padding: 4px 10px; max-width: 100%; color: rgb(255, 255, 255); border-top-left-radius: 2em 0.5em!important; border-top-right-radius: 1em 3em!important; border-bottom-right-radius: 4em 0.5em!important; border-bottom-left-radius: 1em 3em!important; box-shadow: rgb(165, 165, 165) 4px 4px 2px; background-color: #0070c0;">欢迎使用推宝微信编辑器！</span></strong></p><p><br/></p>
            </li>
            <li>
                <p style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; WHITE-SPACE: pre-wrap; WORD-SPACING: 0px; TEXT-TRANSFORM: none; COLOR: rgb(255,255,255); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 1.5em; LETTER-SPACING: normal; PADDING-RIGHT: 0px; TEXT-INDENT: 0px; -webkit-text-stroke-width: 0px; font-size-adjust: none; font-stretch: normal"><strong><span class="bkcolor" style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%;COLOR: rgb(255,255,255); PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(34,34,34); MARGIN-RIGHT: 8px; border-radius: 5px!important">请在这可输入标题</span></strong></p><p><br/></p>
            </li>
            <li>
                <p style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; WHITE-SPACE: pre-wrap; WORD-SPACING: 0px; TEXT-TRANSFORM: none; COLOR: rgb(255,255,255); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 1.5em; LETTER-SPACING: normal; PADDING-RIGHT: 0px; TEXT-INDENT: 0px; -webkit-text-stroke-width: 0px; font-size-adjust: none; font-stretch: normal"><strong><span class="bkcolor" style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; FONT-FAMILY: 微软雅黑,Microsoft YaHei; COLOR: rgb(255,255,255); PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(255,3,0); MARGIN-RIGHT: 8px">请在这可输入标题</span></strong></p><p><br/></p>
            </li>
            <li>
                <h2 style="FONT-SIZE: 12px; HEIGHT: 32px; FONT-FAMILY: 微软雅黑, 宋体, tahoma, arial; WHITE-SPACE: normal; BORDER-BOTTOM: rgb(227,227,227) 1px solid; FONT-WEIGHT: normal; COLOR: rgb(62,62,62); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 8px 0px 0px; LINE-HEIGHT: 18px; PADDING-RIGHT: 0px"><span class="bfcolor" style="FONT-SIZE: 14px; FONT-FAMILY: 微软雅黑, sans-serif !important; BORDER-BOTTOM: rgb(86,159,8) 2px solid; FLOAT: left; FONT-WEIGHT: bold; COLOR: rgb(86,159,8); PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; LINE-HEIGHT: 28px; PADDING-RIGHT: 2px">请在这可输入标题</span></h2><p><br/></p>
            </li>
            <li>
                <h2 class="bfcolor" style="FONT-SIZE: 16px; FONT-FAMILY: 微软雅黑; BORDER-RIGHT-WIDTH: 0px; WHITE-SPACE: normal; BORDER-BOTTOM-WIDTH: 0px; COLOR: green; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; MARGIN: 5px 0px 13px; BORDER-LEFT: rgb(111,168,51) 5px solid; LINE-HEIGHT: 25px; PADDING-RIGHT: 10px; BORDER-TOP-WIDTH: 0px; -webkit-font-smoothing: antialiased">请在这可输入标题</h2><p><br/></p>
            </li>
        </ul>
        <h3 class="color-chose-tool">颜色选择器</h3>
        <div class="selColorBox" id="titPic">

        </div>
        <input type="text" id="colorOne"  value="" placeholder="#123456" style="border:1px solid red;padding:2px 5px;" />
    </div>
    <div class="selectedStyleoOne">
        <h2 class="brcolor" style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; FONT-SIZE: 20px; MAX-WIDTH: 100%; HEIGHT: 35px; FONT-FAMILY: 微软雅黑; WHITE-SPACE: normal; BORDER-BOTTOM: rgb(242,87,45) 1px solid; FONT-WEIGHT: normal; COLOR: rgb(48,55,64); PADDING-BOTTOM: 1px; TEXT-ALIGN: justify; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 2px; PADDING-RIGHT: 0px"><span class="brcolor"style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MAX-WIDTH: 100%; BORDER-BOTTOM: rgb(242,87,45) 20px solid; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 8px; PADDING-LEFT: 8px; DISPLAY: block; PADDING-RIGHT: 8px"><strong style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MAX-WIDTH: 100%; LINE-HEIGHT: 24px"><strong style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MAX-WIDTH: 100%">微</strong></strong></span><p style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MARGIN-BOTTOM: 0px; MAX-WIDTH: 100%; WHITE-SPACE: pre-wrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 1.5em; MARGIN-TOP: 0px; LINE-HEIGHT: 2em; PADDING-RIGHT: 0px"><span style="PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND-COLOR: rgb(255,192,0)"><strong>推宝<span style="FONT-SIZE: 14px; COLOR: rgb(127,127,127)">利器</span></strong></span><br style="BOX-SIZING: border-box !important; WORD-WRAP: break-word !important; MAX-WIDTH: 100%"/></p></h2>
    </div>
    <button class="J_conBtn btn green"> 确 定 </button>
</div>

<!--内容-->
<div class="tab-pane fade" id="tab-3">
    <div class="borderBox">
        <ul class="stylePannel J_wxStyle">
            <li>
                <blockquote class="bkcolor" style="MAX-WIDTH: 100%; BORDER: rgb(225,225,225) 2px dotted;WHITE-SPACE: normal; WORD-SPACING: 0px;TEXT-TRANSFORM: none; COLOR: rgb(62,62,62); PADDING-BOTTOM: 10px; TEXT-ALIGN: justify; PADDING-TOP: 10px; FONT: medium/21px 微软雅黑; PADDING-LEFT: 20px; MARGIN: 0px; BORDER-LEFT: rgb(225,225,225) 2px dotted; ORPHANS: 2; WIDOWS: 2; LETTER-SPACING: normal; PADDING-RIGHT: 20px; BACKGROUND-COLOR: rgb(218,136,61); TEXT-INDENT: 0px; box-shadow: rgb(225, 225, 225) 2px 2px 1px;-webkit-text-size-adjust: none;border-radius:5px!important;"><p style="margin:0;">欢迎使用推宝微信编辑器！</p></blockquote><p><br/></p>
            </li>
            <li>
                <section style="margin: 0px; padding: 0px; border: 0px; font-family: 微软雅黑; font-size: 13px; white-space: normal; max-width: 100%; color: rgb(62, 62, 62); line-height: 25px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);">
                    <section style="margin: 0px 0px 0px 1em; padding: 0px; border: 0px; max-width: 100%; line-height: 1.4em; word-wrap: break-word !important; box-sizing: border-box !important;">
                        <span class="bkcolor" style="margin: 0px; padding: 0.2em 0.5em; border: 0px; max-width: 100%; font-size: 0.8em; font-family: inherit; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; border-bottom-right-radius: 0.3em; border-bottom-left-radius: 0.3em; color: rgb(255, 255, 255); text-align: center; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);">这输入标题</span>&nbsp;<span style="margin: 0px 0px 0px 0.3em; padding: 0.2em 0.5em; border: 0px; max-width: 100%; height: 1.2em; border-top-left-radius: 1.2em; border-top-right-radius: 1.2em; border-bottom-right-radius: 1.2em; border-bottom-left-radius: 1.2em; color: rgb(255, 255, 255); font-size: 0.8em; line-height: 1.2em; font-family: inherit; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(204, 204, 204);">微推宝编辑器</span>
                    </section>
                    <section style="margin: -0.7em 0px 0px; padding: 1.4em 1em 1em; border: 1px solid rgb(192, 200, 209); max-width: 100%; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; border-bottom-right-radius: 0.3em; border-bottom-left-radius: 0.3em; color: rgb(51, 51, 51); font-size: 1em; font-family: inherit; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(239, 239, 239);">
                        可在这输入内容，微推宝微信编辑器，微信编辑首选。
                    </section>
                </section>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <fieldset style="margin: 0.5em 0px; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; white-space: normal; max-width: 100%; line-height: 25px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);">
                    <section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; box-sizing: border-box; height: 1em; word-wrap: break-word !important;">
                        <section class="brcolor" style="margin: 0px; padding: 0px; border-width: 0.4em 0px 0px 0.4em; border-top-style: solid; border-left-style: solid; border-color: rgb(0, 187, 236); max-width: 100%; height: 16px; width: 1.5em; float: left; word-wrap: break-word !important; box-sizing: border-box !important;"></section>
                        <section class="brcolor" style="margin: 0px; padding: 0px; border-width: 0.4em 0.4em 0px 0px; border-top-style: solid; border-right-style: solid; border-color: rgb(0, 187, 236); max-width: 100%; height: 16px; width: 1.5em; float: right; word-wrap: break-word !important; box-sizing: border-box !important;"></section>
                    </section>
                    <section class="brcolor" style="margin: -0.8em 0.1em -0.8em 0.2em; padding: 0.8em; border: 1px solid rgb(0, 187, 236); max-width: 100%; box-sizing: border-box; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; border-bottom-right-radius: 0.3em; border-bottom-left-radius: 0.3em; word-wrap: break-word !important;">
                        <section style="margin: 0px; padding: 0px; border: none; max-width: 100%; word-wrap: break-word; line-height: 1.4; word-break: break-all; font-size: 1em; font-family: inherit; text-align: inherit; text-decoration: inherit; box-sizing: border-box !important; background-image: none;">
                            可在这输入内容， 微推宝微信编辑器，微信编辑首选。
                        </section>
                    </section>
                    <section style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; box-sizing: border-box; height: 1em; word-wrap: break-word !important;">
                        <section class="brcolor" style="margin: -3px 0px 0 0; padding: 0px; border-width: 0px 0px 0.4em 0.4em; border-bottom-style: solid; border-left-style: solid; border-color: rgb(0, 187, 236); max-width: 100%; height: 16px; width: 1.5em; float: left; word-wrap: break-word !important; box-sizing: border-box !important;"></section>
                        <section class="brcolor" style="margin: -3px 0px 0 0; padding: 0px; border-width: 0px 0.4em 0.4em 0px; border-right-style: solid; border-bottom-style: solid; border-color: rgb(0, 187, 236); max-width: 100%; height: 16px; width: 1.5em; float: right; word-wrap: break-word !important; box-sizing: border-box !important;"></section>
                    </section>
                </fieldset>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <blockquote class="brcolor" style="margin: 0px; padding: 10px; border: 6px double rgb(0, 187, 236); color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal; word-break: break-all; word-wrap: break-word !important; box-sizing: border-box !important;">
                    <p class="ue_t" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px;">
                        可在这输入内容， 微推宝微信编辑器，微信编辑首选。
                    </p>
                </blockquote>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <fieldset style="margin: 0px 0px 0px 10px; padding: 0px; border: 0px; font-family: 微软雅黑; font-size: 13px; white-space: normal; max-width: 100%; color: rgb(62, 62, 62); line-height: 25px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);">
                    <section style="margin: 0px 0px 0px -0.5em; padding: 0px; border: 0px; max-width: 100%; line-height: 1.4em; word-wrap: break-word !important; box-sizing: border-box !important;">
                        <section class="bkcolor" style="margin: 0px; padding: 0.2em 0.5em; border: 0px; display: inline-block; max-width: 100%; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; border-bottom-right-radius: 0.3em; border-bottom-left-radius: 0.3em; color: white; font-size: 0.8em; text-align: center; -webkit-transform: rotateZ(-10deg); -webkit-transform-origin: 0% 100%; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);">
                            我的观点
                        </section>
                    </section>
                    <section class="brcolor" style="margin: -1.5em 0px 0px; padding: 0px; border: 1px solid rgb(0, 187, 236); max-width: 100%; font-size: 1em; word-wrap: break-word !important; box-sizing: border-box !important;">
                        <section style="margin: 0px; padding: 1.4em 1em 1em; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">
                            <span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-size: 1em; line-height: 1.2; font-family: inherit; text-align: inherit; text-decoration: inherit; color: rgb(253, 176, 0); word-wrap: break-word !important; box-sizing: border-box !important;"></span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-size: 1em; line-height: 1.2; font-family: inherit; text-align: inherit; text-decoration: inherit; color: rgb(51, 51, 51); word-wrap: break-word !important; box-sizing: border-box !important;">可在这输入内容， 微推宝微信编辑器，微信编辑首选。</span>
                        </section>
                        <p>
                            <span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-size: 1em; line-height: 1.2; font-family: inherit; text-align: inherit; text-decoration: inherit; color: rgb(51, 51, 51); word-wrap: break-word !important; box-sizing: border-box !important;"><br/></span>
                        </p>
                    </section>
                </fieldset>
                <p>
                    <br/>
                </p>
            </li>


            <li>
                <p class="brcolor" style="margin:15px;padding:20px;border:1px dotted #00bbec;font-family:微软雅黑;max-width:100%;word-wrap:normal;min-height:1.5em;white-space:pre-wrap;text-align:justify;color:#494429;line-height:2em;font-size:14px;border-bottom-right-radius:15px;border-bottom-left-radius:10px;box-sizing:border-box!important;background-color:#fff"><span style="margin:0;padding:0;border:0;max-width:100%;color:#00bbec;word-wrap:break-word!important;box-sizing:border-box!important"><strong style="margin:0;padding:0;border:0;max-width:100%;word-wrap:break-word!important;box-sizing:border-box!important">请输入内容</strong></span></p><p><br></p>
            </li>

            <li>
                <fieldset class="comment_quote" style="margin: 5px 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); font-family: 微软雅黑; font-size: 13px; white-space: normal; max-width: 100%; color: rgb(62, 62, 62); line-height: 25px; box-shadow: rgb(165, 165, 165) 5px 5px 2px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(248, 247, 245);">
                    <legend style="margin: 0px; padding: 0px; border-width: 0px; max-width: 100%; line-height: 1.8em; word-wrap: break-word !important; box-sizing: border-box !important;">
                        <strong  style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(89, 89, 89); font-size: 18px; line-height: 42.6666679382324px; text-align: center; white-space: pre-wrap; word-wrap: break-word !important; box-sizing: border-box !important;"><span class="bfcolor" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(0, 187, 236); text-shadow: rgb(201, 201, 201) 5px 3px 1px; word-wrap: break-word !important; box-sizing: border-box !important;">精彩内容</span></strong>
                    </legend>
                    <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important;">
                        请输入内容<br style="margin: 0px; padding: 0px; border: 0px;"/>
                    </p>
                </fieldset>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <blockquote style="margin: 0.2em; padding: 10px; border: 3px solid rgb(201, 201, 201); border-image-source: none; font-family: 微软雅黑; font-size: 13px; white-space: normal; max-width: 100%; color: rgb(62, 62, 62); line-height: 25.6000003814697px; box-shadow: rgb(170, 170, 170) 0px 0px 10px; -webkit-box-shadow: rgb(170, 170, 170) 0px 0px 10px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);">
                    <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: normal; min-height: 1em; box-sizing: border-box !important;">
                        <span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; line-height: 25.6000003814697px; word-wrap: break-word !important; box-sizing: border-box !important;">可在这输入内容， 微推宝微信编辑器，微信编辑首选。</span>
                    </p>
                    <p>
                        <span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; line-height: 25.6000003814697px; word-wrap: break-word !important; box-sizing: border-box !important;"><br/></span>
                    </p>
                </blockquote>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <blockquote class="bcolor" style="white-space: normal; border: 1px solid rgb(225, 225, 225); margin: 5px 0px; padding: 5px 10px; overflow: hidden; font-size: 14px; line-height: 24px; font-family: 微软雅黑; color: rgb(51, 51, 51); background: rgb(241, 241, 241);"><p style="border: 0px; padding: 0px; letter-spacing: 0.25px; line-height: 28px;"><span style="border: 0px; margin: 0px; padding: 0px; color: rgb(127, 127, 127);">欢迎使用宜人贷微信编辑器！</span></blockquote><p style="white-space: normal;"><br/></p>
            </li>
            <li>
                <p class="brcolor" style="border: 1px solid #cdcdcd;box-shadow: 0 3px 6px #999999;-webkit-border-radius: 12px!important;-moz-border-radius: 12px!important;border-radius: 12px!important;width: auto;background-color:#FFFFFF;padding: 10px;background: -webkit-gradient(linear, left top, left bottom,from(#FFFFFF), to(#FFFFFF));background-image: -mozlinear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);margin: 0px auto; line-height: 1.8em; min-height: 1.5em;"><span style="FONT: medium/21px 微软雅黑;letter-spacing: 0.25px; line-height: 25.200000762939453px; text-indent: 28px;">直接选择需要的样式拷贝到需要的地方，修改其中的文字即可。</span></p><p><br/></p>
            </li>
            <li>
                <blockquote class="bkcolor" style="BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 2px; WHITE-SPACE: normal; BORDER-BOTTOM-WIDTH: 2px; WORD-SPACING: 0px; TEXT-TRANSFORM: none; COLOR: rgb(255,255,255); PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT: 16px/24px 微软雅黑; PADDING-LEFT: 20px; MARGIN: 0px; LETTER-SPACING: normal; PADDING-RIGHT: 20px; BORDER-TOP-WIDTH: 2px; BACKGROUND-COLOR: rgb(227,108,9); TEXT-INDENT: 0px; border-radius: 3px; -webkit-text-stroke-width: 0px; font-size-adjust: none; font-stretch: normal;border:none!important;"><p style="margin:0;">欢迎使用宜人贷微信编辑器！</p></blockquote><p><br/></p>
            </li>
            <li>
                <blockquote class="brcolor" style="BORDER-TOP: rgb(255,0,0) 3px dashed; BORDER-RIGHT: rgb(255,0,0) 3px dashed; BORDER-BOTTOM: rgb(255,0,0) 3px dashed; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 15px; MARGIN: 0px; BORDER-LEFT: rgb(255,0,0) 3px dashed; PADDING-RIGHT: 15px;border-radius:5px!important;"><p style="margin:0;">欢迎使用宜人贷微信编辑器！</p></blockquote><p><br/></p>
            </li>
            <li>
                <blockquote class="brcolor" style="WORD-WRAP: break-word; FONT-SIZE: 14px; MAX-WIDTH: 100%; VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 25px; MARGIN: 0px; BORDER-LEFT: rgb(102,102,102) 10px solid; DISPLAY: block; LINE-HEIGHT: 24px; TOP: 0px; PADDING-RIGHT: 25px; BACKGROUND-COLOR: rgb(238,238,238);">欢迎使用推宝微信编辑器！</blockquote><p><br/></p>
            </li>
            <li>
                <blockquote class="brcolor" style="BORDER-TOP: rgb(204,204,204) 1px solid; BORDER-RIGHT: rgb(204,204,204) 1px solid; BACKGROUND-IMAGE: url(http://www.weituibao.com/img/editor/content/1.png); BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: rgb(204,204,204) 1px solid; BACKGROUND-POSITION: 10px 11px; PADDING-BOTTOM: 15px; PADDING-TOP: 20px; PADDING-LEFT: 48px; MARGIN: 0px; BORDER-LEFT: rgb(204,204,204) 1px solid; LINE-HEIGHT: 1.5; PADDING-RIGHT: 15px; border-radius: 5px;">欢迎使用宜人贷微信编辑器！</blockquote><p><br/></p>
            </li>
            <li>
                <blockquote class="brcolor" style="BORDER-TOP: rgb(204,204,204) 1px solid; BORDER-RIGHT: rgb(204,204,204) 1px solid; BACKGROUND-IMAGE: url(http://www.weituibao.com/img/editor/content/2.gif); BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: rgb(204,204,204) 1px solid; BACKGROUND-POSITION: 10px 11px; PADDING-BOTTOM: 15px; PADDING-TOP: 20px; PADDING-LEFT: 48px; MARGIN: 0px; BORDER-LEFT: rgb(204,204,204) 1px solid; LINE-HEIGHT: 1.5; PADDING-RIGHT: 15px; border-radius: 5px">欢迎使用宜人贷微信编辑器！</blockquote><p><br/></p>
            </li>
            <li>
                <fieldset class="brcolor" style="text-align: -webkit-auto; white-space: normal; margin: 0px; padding: 5px 15px; border: 1px solid rgb(127, 63, 191); max-width: 100%; color: rgb(62, 62, 62); font-family: 宋体; line-height: 24px; orphans: 2; widows: 2; box-shadow: rgb(165, 165, 165) 1px 2px 1px; border-top-left-radius: 1em!important; border-top-right-radius: 1em!important; border-bottom-right-radius: 1em!important; border-bottom-left-radius: 1em!important; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(253, 253, 253);"><legend style="padding: 0px; max-width: 100%; margin: 0px; color: rgb(0, 0, 0); word-wrap: break-word !important; box-sizing: border-box !important;"><span style="max-width: 100%; margin: 0px; padding: 0px; color: rgb(165, 165, 165); font-family: arial, helvetica, sans-serif; word-wrap: break-word !important; box-sizing: border-box !important;"><strong style="max-width: 100%; color: rgb(102, 102, 102); word-wrap: break-word !important; box-sizing: border-box !important;"><span class="bkcolor" style="max-width: 100%; margin: 0px 8px 0px 0px; padding: 4px 10px; border-top-left-radius: 5px!important; border-top-right-radius: 5px!important; border-bottom-right-radius: 5px!important; border-bottom-left-radius: 5px!important; color: rgb(255, 251, 240); word-wrap: break-word !important; box-sizing: border-box !important; background: rgb(127, 63, 191);font-size: 14px;">宜人贷</span></strong></span></legend><p style="margin-top: 0px; margin-bottom: 12px; max-width: 100%; min-height: 1.5em; white-space: pre-wrap; padding: 0px; line-height: 2em; word-wrap: break-word !important; box-sizing: border-box !important;"><br style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"/><br style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"/></p></fieldset><p style="white-space: normal;"><br/></p>
            </li>
            <li>
                <fieldset class="brcolor" style="border-radius: 0.3em!important;white-space: normal; margin: 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); max-width: 100%; color: rgb(62, 62, 62); line-height: 24px; text-align: justify; font-family: 微软雅黑; box-shadow: rgb(165, 165, 165) 5px 5px 2px; background-color: rgb(250, 250, 240);"><legend style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); max-width: 100%; text-align: center;"><strong style="max-width: 100%;"><strong style="max-width: 100%; color: rgb(102, 102, 102); line-height: 20px; background-color: rgb(255, 255, 245);"><span class="bkcolor" style="max-width: 100%; padding: 4px 10px; border-top-left-radius: 0.5em 4em!important; border-top-right-radius: 3em 1em!important; border-bottom-right-radius: 0.5em 2em!important; border-bottom-left-radius: 3em 1em!important; text-align: justify; color: white; box-shadow: rgb(165, 165, 165) 4px 4px 2px; background-color: red;">公告通知</span></strong></strong></legend><legend style="margin: 0px; padding: 0px; color: rgb(0, 0, 0); max-width: 100%; text-align: center;"><span style="max-width: 100%; color: rgb(112, 48, 160); text-align: justify;"></span></legend><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; min-height: 1.5em; line-height: 2em;">各位小伙伴们，当小伙伴们看到这个排版技巧的时候，说明我们有缘、首先再开始之前，请使用<span style="color: rgb(255, 0, 0);"><strong>谷歌浏览器</strong></span>，才能达到和手机端一致的效果，其次部分效果，在其它浏览器中会无效！以免耽误大家宝贵时间</p></fieldset><p><br/></p>
            </li>
            <li>
                <fieldset class="brcolor" style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; BORDER-TOP: rgb(192,80,77) 1px dotted; FONT-FAMILY: 宋体; BORDER-RIGHT: rgb(192,80,77) 1px dotted; BORDER-BOTTOM: rgb(192,80,77) 1px dotted; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; MIN-HEIGHT: 1.5em; BORDER-LEFT: rgb(192,80,77) 1px dotted; LINE-HEIGHT: 2em; PADDING-RIGHT: 20px; border-bottom-right-radius: 15px; border-bottom-left-radius: 10px">
                    <legend style="max-width: 100%; font-family: 微软雅黑; padding: 0px; text-align: center; margin: 0px; word-wrap: break-word !important;border:none;">
                        <p class="bkcolor" style="word-wrap: normal; font-size: 14px; max-width: 100%; word-break: normal; color: rgb(255, 255, 255); padding: 0px 20px 4px; margin-top: 0px; margin-bottom: 0px; min-height: 1.5em; line-height: 2em; border-bottom-right-radius: 100%!important; border-bottom-left-radius: 100%!important; background-color: rgb(192, 80, 77);"><strong class="ue_t" style="MAX-WIDTH: 100%">请输入标题</strong></p></legend><p style="word-wrap: normal; max-width: 100%; word-break: normal; padding: 0px; margin-top: 0px; margin-bottom: 0px; min-height: 1.5em; line-height: 2em;"><span class="ue_t" style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; LINE-HEIGHT: 2em;margin:0;">欢迎使用宜人贷微信编辑器！</span>
                    </p>
                </fieldset><p><br/></p>
            </li>
            <li>
                <fieldset class="brcolor" style="BORDER-TOP: rgb(0,166,191) 1px solid; BORDER-RIGHT: rgb(0,166,191) 1px solid; BORDER-BOTTOM: rgb(0,166,191) 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; MARGIN: 0px; BORDER-LEFT: rgb(0,166,191) 1px solid; PADDING-RIGHT: 5px"><legend style="MARGIN: 0px 10px"><span class="bkcolor" style="FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR: rgb(255,255,255); PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; BACKGROUND-COLOR: rgb(0,166,191); border-radius: 5px"><span id="_baidu_bookmark_start_69" style="DISPLAY: none; LINE-HEIGHT: 0px">‍</span>输入标题</span></legend><blockquote style="PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 10px;border:none;"><p style="margin:0;">欢迎使用宜人贷微信编辑器！</p></blockquote></fieldset><p><br/></p>
            </li>
            <li>
                <fieldset class="brcolor" style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; BORDER-TOP: rgb(204,204,204) 1px solid; BORDER-RIGHT: rgb(204,204,204) 1px solid; WHITE-SPACE: normal; WORD-SPACING: 0px; BORDER-BOTTOM: rgb(204,204,204) 1px solid; TEXT-TRANSFORM: none; COLOR: rgb(62,62,62); PADDING-BOTTOM: 15px; PADDING-TOP: 15px; FONT: 16px/24px 宋体; PADDING-LEFT: 15px; MARGIN: 0px; BORDER-LEFT: rgb(204,204,204) 1px solid; ORPHANS: 2; WIDOWS: 2; LETTER-SPACING: normal; PADDING-RIGHT: 15px; BACKGROUND-COLOR: rgb(250,250,240); TEXT-INDENT: 0px; -webkit-text-stroke-width: 0px; font-size-adjust: none; font-stretch: normal"><legend style="WORD-WRAP: break-word !important; FONT-SIZE: medium; MAX-WIDTH: 100%; COLOR: rgb(0,0,0); PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px"><span style="WORD-WRAP: break-word !important; FONT-SIZE: 14px; MAX-WIDTH: 100%; FONT-FAMILY: 微软雅黑"><strong style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; COLOR: rgb(102,102,102)"><span class="bkcolor" style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; COLOR: rgb(255,255,255); PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: rgb(0,112,192); border-radius: 2em 1em 4em / 0.5em 3em"><span id="_baidu_bookmark_start_20" style="DISPLAY: none; LINE-HEIGHT: 0px">‍</span>欢迎使用宜人贷微信编辑器！</span></strong></span></legend><span style="WORD-WRAP: break-word !important; MAX-WIDTH: 100%; WHITE-SPACE: normal; WORD-SPACING: 0px; TEXT-TRANSFORM: none; COLOR: rgb(89,89,89); FONT: 14px/24px 微软雅黑, Microsoft YaHei; ORPHANS: 2; WIDOWS: 2; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(250,250,240); TEXT-INDENT: 0px; -webkit-text-stroke-width: 0px; font-size-adjust: none; font-stretch: normal;">我是IOS7风格，没阴影。</span></fieldset><p><br/></p>
            </li>
            <li>
                <blockquote class="bkcolor" style="BORDER-LEFT-WIDTH: 0px; MAX-WIDTH: 100%; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; FONT-WEIGHT: bold; COLOR: rgb(255,255,255); PADDING-BOTTOM: 5px; TEXT-ALIGN: left; PADDING-TOP: 5px; PADDING-LEFT: 15px; MARGIN: 0px; LINE-HEIGHT: 25px; PADDING-RIGHT: 15px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: rgb(255,0,123); border-radius: 15px 15px 0 0"><span class="ue_t">在这输入标题</span></blockquote><blockquote class="brcolor" style="MAX-WIDTH: 100%; BORDER-TOP: rgb(255,0,123) 1px solid; BORDER-RIGHT: rgb(255,0,123) 1px solid; BORDER-BOTTOM: rgb(255,0,123) 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; MARGIN: 0px; BORDER-LEFT: rgb(255,0,123) 1px solid; LINE-HEIGHT: 25px; PADDING-RIGHT: 15px; border-radius: 0 0 15px 15px"><p class="ue_t">欢迎使用宜人贷微信编辑器！</p></blockquote><p><br/></p>
            </li>
            <li>
                <blockquote class="bkcolor" style="BORDER-LEFT-WIDTH: 0px; MAX-WIDTH: 100%; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; FONT-WEIGHT: bold; COLOR: rgb(255,255,255); PADDING-BOTTOM: 5px; TEXT-ALIGN: left; PADDING-TOP: 5px; PADDING-LEFT: 15px; MARGIN: 0px; DISPLAY: inline-block; LINE-HEIGHT: 25px; PADDING-RIGHT: 15px; BORDER-TOP-WIDTH: 0px; BACKGROUND-COLOR: rgb(255,0,123); border-radius: 15px 15px 0 0"><span class="ue_t">请在这输入标题</span></blockquote><blockquote class="brcolor" style="MAX-WIDTH: 100%; BORDER-TOP: rgb(255,0,123) 1px solid; BORDER-RIGHT: rgb(255,0,123) 1px solid; BORDER-BOTTOM: rgb(255,0,123) 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; MARGIN: 0px; BORDER-LEFT: rgb(255,0,123) 1px solid; LINE-HEIGHT: 25px; PADDING-RIGHT: 15px"><p class="ue_t">欢迎使用宜人贷微信编辑器！</p></blockquote><p><br/></p>
            </li>
        </ul>
        <div class="pull-left" style="width:200px;">
            <h3 class="color-chose-tool">颜色选择器</h3>
            <div class="selColorBox" id="picker">

            </div>
            <input type="text" id="colorTwo"  value="" placeholder="#123456" style="border:1px solid red;padding:2px 5px;" />
        </div>

    </div>
    <div class="selectedStyle" id="J_oneCon">
        <blockquote class="bkcolor" style="MAX-WIDTH: 100%; BORDER: rgb(225,225,225) 2px dotted;WHITE-SPACE: normal; WORD-SPACING: 0px;TEXT-TRANSFORM: none; COLOR: rgb(62,62,62); PADDING-BOTTOM: 10px; TEXT-ALIGN: justify; PADDING-TOP: 10px; FONT: medium/21px 微软雅黑; PADDING-LEFT: 20px; MARGIN: 0px; BORDER-LEFT: rgb(225,225,225) 2px dotted; ORPHANS: 2; WIDOWS: 2; LETTER-SPACING: normal; PADDING-RIGHT: 20px; BACKGROUND-COLOR: rgb(218,136,61); TEXT-INDENT: 0px; box-shadow: rgb(225, 225, 225) 2px 2px 1px;-webkit-text-size-adjust: none;"><p>欢迎使用宜人贷微信编辑器！</p></blockquote>
    </div>
    <button class="J_conBtn btn green"> 确 定 </button>
</div>

<!--互推-->
<div class="tab-pane fade" id="tab-4">
    <div class="borderBox">
        <ul class="stylePannel J_wxStyle">
            <li>
                <fieldset class="comment_quote" style="white-space: normal; margin: 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); font-size: 14px; font-family: 宋体; widows: 2; line-height: 24px; orphans: 2; background-color: rgb(248, 247, 245);"><legend style="margin: 0px; padding: 0px;font-size:14px;"><span style="margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif;"><strong style="color: rgb(102, 102, 102);"><span class="bkcolor" style="margin: 0px 8px 0px 0px; padding: 4px 10px; color: rgb(255, 255, 255); border-top-left-radius: 5px!important; border-top-right-radius: 5px!important; border-bottom-right-radius: 5px!important; border-bottom-left-radius: 5px!important; background-color: rgb(191, 0, 0);">宜人贷科技</span></strong><strong style="color: rgb(60, 117, 45);"><span style="margin: 0px; padding: 0px; color: rgb(192, 0, 0);">ID:wxid</span></strong></span></legend><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; min-height: 1.5em; word-wrap: break-word; word-break: normal; line-height: 2em; font-family: 微软雅黑; color: rgb(62, 62, 62); font-size: 12px;"><span style="margin: 0px; padding: 0px; font-family: 宋体; color: rgb(217, 150, 148); font-size: 14px;"><strong style="color: rgb(60, 117, 45);"><span style="margin: 0px; padding: 0px; color: rgb(127, 127, 127); font-family: 微软雅黑; letter-spacing: 0.25px; line-height: 28px;">直接选择需要的样式拷贝到需要的地方，修改其中的文字即可。</span><span style="margin: 0px; padding: 0px; color: rgb(127, 127, 127); font-family: 微软雅黑; letter-spacing: 0.25px; line-height: 28px;">如果需要跟换颜色或者有其他需求</span></strong></span></p></fieldset><p><br/></p>
            </li>
            <li>
                <fieldset class="brcolor" style="margin: 0px; padding: 5px 15px; border-width: 1px 0px; border-style: solid; border-color: rgb(0, 187, 236); border-image-source: none; font-family: 微软雅黑; line-height: 24px; white-space: normal; max-width: 100%; color: rgb(62, 62, 62); font-size: 14px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(255, 255, 255);"><legend class="brcolor" style="margin: 0px; padding: 4px 10px; border: 1px solid rgb(0, 187, 236); border-image-source: none; max-width: 100%; color: rgb(34, 34, 34); font-size: 16px; word-wrap: break-word !important; box-sizing: border-box !important;"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">如何关注</strong></legend><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important;">①复制“微信号或ID”，在“添加朋友”中粘贴搜索号码关注。</p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: normal; min-height: 1em; white-space: pre-wrap; box-sizing: border-box !important;">②点击微信右上角的“+”，会出现“添加朋友”，进入“查找公众号”，输入以下公众号的名字，即可找到。</p></fieldset><p><br/></p>
            </li>
            <li>
                <fieldset class="brcolor" style="margin: 0px; padding: 5px; border: 1px solid rgb(0, 187, 236); font-family: 微软雅黑; line-height: 24px; white-space: normal; color: rgb(51, 51, 51); font-size: 12px; background-color: rgb(248, 247, 245);"><legend style="margin: 0px 10px; padding: 0px; border-width: 0px;"><span class="bkcolor" style="margin: 0px; padding: 5px 10px; border: 0px; color: rgb(255, 255, 255); font-weight: bold; font-size: 14px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: rgb(0, 187, 236);"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">点击上面微信号关注我</span><img data-s="300,640" data-ratio="1.35" data-w="20" src="http://mmbiz.qlogo.cn/mmbiz/mj9u1OBZRqP8EvePIzqrRIHCHOzYM4ngPFYKXVcefcyCibmHkY6wA3BuiaLFOVAhuLTlfBzaD6MO5CT2DvJsy6JA/0" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; height: auto !important; word-wrap: break-word !important; box-sizing: border-box !important; visibility: visible !important;"><span style="margin: 0px; padding: 0px; border: 0px;">关注我哟</span></span></legend><blockquote style="margin: 0px; padding: 0px; border: 0px;"><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(255, 192, 0); font-size: 14px; word-wrap: break-word !important; box-sizing: border-box !important;"></span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(255, 192, 0); font-size: 14px; word-wrap: break-word !important; box-sizing: border-box !important;">☀&nbsp;</span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(127, 127, 127); line-height: 28px; white-space: pre-wrap; word-wrap: break-word !important; box-sizing: border-box !important;">定期推送帐号</span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(255, 192, 0); line-height: 28px; white-space: pre-wrap; word-wrap: break-word !important; box-sizing: border-box !important;">本土文化</span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(127, 127, 127); line-height: 28px; white-space: pre-wrap; word-wrap: break-word !important; box-sizing: border-box !important;"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">，<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(0, 176, 80); word-wrap: break-word !important; box-sizing: border-box !important;">同城活动</span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">，<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(112, 48, 160); word-wrap: break-word !important; box-sizing: border-box !important;">吃喝玩乐</span>，<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(0, 176, 240); word-wrap: break-word !important; box-sizing: border-box !important;">资讯八卦</span>，<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(146, 208, 80); word-wrap: break-word !important; box-sizing: border-box !important;">商家优惠</span></span></span>等诸多优质内容，<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">最接地气</span>、<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">重服务</span>的本地微信平台！关注我们妥妥没错！（广告合作：186XXXXXXXX）</span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(127, 127, 127); line-height: 28px; white-space: pre-wrap; word-wrap: break-word !important; box-sizing: border-box !important;"></span></p><p><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(127, 127, 127); line-height: 28px; white-space: pre-wrap; word-wrap: break-word !important; box-sizing: border-box !important;"><br></span></p></blockquote></fieldset><p><br></p>
            </li>
            <li>
                <blockquote class="bkcolor" style="margin: 0px; padding: 5px 20px; border: 2px rgb(66, 249, 255); font-family: 微软雅黑; line-height: 24px; white-space: normal; max-width: 100%; color: rgb(255, 255, 255); text-align: center; font-weight: 700; width: 180px; border-top-left-radius: 15px; border-top-right-radius: 15px; box-shadow: rgb(153, 153, 153) 0px -1px 6px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; text-shadow: rgb(10, 10, 10) 0px -1px 2px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);">微推宝微信</blockquote><blockquote style="margin: 0px; padding: 10px; border: 1px solid rgb(204, 204, 204); font-family: 微软雅黑; line-height: 24px; white-space: normal; font-size: 12px; max-width: 100%; color: rgb(62, 62, 62); border-top-left-radius: 0px; border-top-right-radius: 0px; box-shadow: rgb(204, 204, 204) 0px -1px 6px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(228, 228, 228);"><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; color: rgb(0, 176, 80); word-wrap: break-word !important; box-sizing: border-box !important;">微信号：</span><span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-weight: 700; word-wrap: break-word !important; box-sizing: border-box !important;"></span><span class="bkcolor" style="margin: 0px; padding: 2px 5px; border: 0px; max-width: 100%; font-weight: 700; color: rgb(255, 255, 255); word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(0, 187, 236);">杭州微推宝</span><span class="bfcolor" style="margin: 0px; padding: 0px 0px 0px 5px; border: 0px; max-width: 100%; color: rgb(0, 187, 236); word-wrap: break-word !important; box-sizing: border-box !important;">(←长按复制)</span><p style="margin-top: 0px; margin-bottom: 0px; padding: 10px 0px 0px; border: 0px; max-width: 100%; word-wrap: normal; min-height: 1.5em; white-space: pre-wrap; word-break: normal; color: rgb(102, 102, 102); line-height: 2em; box-sizing: border-box !important;">全力打造杭城微信营销第一品牌</p></blockquote><p><br/></p>
            </li>
            <li>
                <blockquote class="bfcolor" style="white-space: normal; margin: 0px; padding: 10px 15px; border: 6px solid rgb(195, 54, 197); border-top-left-radius: 50px!important; border-bottom-right-radius: 50px!important; box-shadow: rgb(165, 165, 165) 5px 5px 2px; background-color: rgb(250, 250, 250);"><p><br/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; color: rgb(195, 54, 197); line-height: 2em; font-size: 18px; min-height: 1.5em; -webkit-transform: translate(0px, -30px);"><strong>杭州推宝科技</strong></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; min-height: 1.5em; -webkit-transform: translate(0px, -10px);"><strong class="bkcolor" style="padding: 0px 15px; color: rgb(255, 255, 255); font-size: 13px; border-bottom-right-radius: 20px!important; border-bottom-left-radius: 20px!important; background-color: rgb(195, 54, 197);">wxid</strong></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; min-height: 1.5em;"><strong style="color: rgb(195, 54, 197); font-size: 14px;">直接选择需要的样式拷贝到需要的地方，修改其中的文字即可。如果需要跟换颜色或者有其他需求。</strong></p><p><br/></p></blockquote>
            </li>
            <li>
                <blockquote class="brcolor" style="BORDER-TOP: rgb(80,130,189) 3px dotted; BORDER-RIGHT: rgb(80,130,189) 3px dotted; BORDER-BOTTOM: rgb(80,130,189) 3px dotted; BORDER-LEFT: rgb(80,130,189) 3px dotted; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 10px;border-radius:5px!important;font-weight:normal;"><h3 style="color:rgb(89,89,89);font-size:14px;margin:0;"><span class="bkcolor" style="background-color:rgb(80,130,189);color:rgb(255,255,255);padding:2px 5px;border-radius:5px!important;font-size:14px;margin-right: 15px;">推宝微信</span>微信号：<span class="bkcolor" style="background-color:#5082bd;color:rgb(255,255,255);padding:2px 5px;border-radius:5px!important;font-size:14px;">weixinhao</span></h3><p style="margin:10px 0 5px 0;">欢迎使用推宝微信编辑器！</p></blockquote><p><br/></p>
            </li>
        </ul>
        <div class="pull-left" style="width:200px;">
            <h3 class="color-chose-tool">颜色选择器</h3>
            <div class="selColorBox" id="htPic">

            </div>
            <input type="text" id="colorThree"  value="" placeholder="#123456" style="border:1px solid red;padding:2px 5px;" />
        </div>

    </div>
    <div class="selectedStyleoTwo" id="J_oneCon">
        <fieldset class="comment_quote" style="white-space: normal; margin: 0px; padding: 5px; border: 1px solid rgb(204, 204, 204); color: rgb(51, 51, 51); font-size: 14px; font-family: 宋体; widows: 2; line-height: 24px; orphans: 2; background-color: rgb(248, 247, 245);"><legend style="margin: 0px; padding: 0px;font-size:14px;"><span style="margin: 0px; padding: 0px; font-family: arial, helvetica, sans-serif;"><strong style="color: rgb(102, 102, 102);"><span class="bkcolor" style="margin: 0px 8px 0px 0px; padding: 4px 10px; color: rgb(255, 255, 255); border-top-left-radius: 5px!important; border-top-right-radius: 5px!important; border-bottom-right-radius: 5px!important; border-bottom-left-radius: 5px!important; background-color: rgb(191, 0, 0);">杭州推宝科技</span></strong><strong style="color: rgb(60, 117, 45);"><span style="margin: 0px; padding: 0px; color: rgb(192, 0, 0);">ID:wxid</span></strong></span></legend><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; min-height: 1.5em; word-wrap: break-word; word-break: normal; line-height: 2em; font-family: 微软雅黑; color: rgb(62, 62, 62); font-size: 12px;"><span style="margin: 0px; padding: 0px; font-family: 宋体; color: rgb(217, 150, 148); font-size: 14px;"><strong style="color: rgb(60, 117, 45);"><span style="margin: 0px; padding: 0px; color: rgb(127, 127, 127); font-family: 微软雅黑; letter-spacing: 0.25px; line-height: 28px;">直接选择需要的样式拷贝到需要的地方，修改其中的文字即可。</span><span style="margin: 0px; padding: 0px; color: rgb(127, 127, 127); font-family: 微软雅黑; letter-spacing: 0.25px; line-height: 28px;">如果需要跟换颜色或者有其他需求</span></strong></span></p></fieldset><p><br/></p>
    </div>
    <button class="J_conBtn btn green"> 确 定 </button>
</div>

<!--分割线-->
<div class="tab-pane fade" id="tab-5">
    <div class="borderBox">
        <ul class="stylePannel J_wxStyle" style="width:800px;">
            <li>
                <hr class="awb-s1" style="margin: 0px; padding: 0px; border-width: 5px 0px 0px; border-top-style: solid; border-top-color: rgb(0, 187, 236); color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal;"/>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <hr class="awb-s1" style="margin: 0px; padding: 0px; border-width: 5px 0px 0px; border-top-style: dashed; border-top-color: rgb(0, 187, 236); color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal;"/>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <hr class="awb-s1" style="margin: 0px; padding: 0px; border-width: 5px 0px 0px; border-top-style: dotted; border-top-color: rgb(0, 187, 236); color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal;"/>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <hr class="awb-s1" style="margin: 0px; padding: 0px; border-width: 5px 0px 0px; border-top-style: double; border-top-color: rgb(0, 187, 236); color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal;"/>
                <p>
                    <br/>
                </p>
            </li>

            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SN575EfuaiaZwxJCTicGkwmZNE40LYtz3XDLIXb3pE2ib303cQgAh2ib8scQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SN8moxc8kAqAgUib8j6oLsfJmeU9AT2RH3B6S3sllsZrPtAFnuVJwDXsw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNiafvvpnujYyGwBy6khYbHwkClrdbH5N7LOQqOfrBztrbWwFqX09gN1Q/0?wx_fmt=jpeg"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNyYhHXMJ19fZjpoia5n9tPMdUaT1r6YuOe7ZicAEbapDLS48iczgXCzQGQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNYficld1z9OicmOSmjgWzvgibZJDUiabBcYNs1zZa8URyOWmS88L53Iso2Q/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNah2OSaxBgDiaQ4plewxNKyU1pwRLr6Mus9bE6BEo4fL6Vkb5Ff5icdVQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNdudXmQ7WkT1ib6VTN4qmcAgTmHxgicQCbNrw728P1LiaKibowCEcmCU1mA/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNBtjtrXhErTrI6Nju7dyicR3Uu4D5DlibWC3BibAcfMwrbamMbKfEp053w/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNsYrSRyokmhPicEf0DeRMLuBOVG6fLB2YSgLA9d6Znk2qGxwtoqqtJOQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNAnqw3w5UkBs6QpffvASIVJ2QJ3cGUK8bIyHib6icMqPuIzRKDeFJmiclg/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SN44Cack3IyJqPn6mEr3Lgf9JVc3qzIlrFPxXx7m24DpzP9iaXvXdQuOw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNRiaia7gys7sLPfREC0De1bLZQdavzEgqKibibajTCZefHUAp8gueEsFuXg/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SN5Xa5cDOmUc0IpJ4ibrrRSY9DLuG9mgBvGaWqSsbhm8punicicl8hEB8Ig/0?wx_fmt=gif"/></p>
            </li>

            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNIZ1iamSI2972OfG7eWdqybm5fbhNQpicTrozKHJE1Lv2sjCLPqsDmiaxQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNduxTyWzNTckHYUCRpib95UgQiaygqwL2iajY83faWYic5KwkCDNPiauCiakg/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNQxPOQ17zTQcNWPQvgpdnicQof9wTsIiabFkrb1R8rZ8OGnQQa5JhGRKQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNpq9JzfxpA8ccrourrcgXfx8UOepm9Jf1ZXCLQttzRQgCpp3ePESkIw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNDSbVVt9g6WkxIE94YKg2udO00afhKwQIaMa3JBKx6g0bia0szAbGPeA/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNHE9F4l2n5lY4E2icXE9MicDgLAGmO07msSlZHniaPPN8tJASzEdoykgSg/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNzkeFSzCOedN7ImcXicoINtvAVneUslvKd8VeiblO2xSApic2x2JzW2Zrg/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNEicMtNKHMbdgg8gKAzAuHqE6H6Ga10c6Bx1QDAGn8Ym9zUiaE0f067Yg/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNdn249Y00KU41g57mjsVWEy17vrdFkuLicbN4kzbAe9JsLWBxQ6jlCcg/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNvr2j6KylnVy63SW7BRADSCe7gJJDXnS9hSkNiaY000zVwLvuuKwgZBw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNl7qia1bUychS3Lib1J8fb4bjYicvrqgic1hw3humylOtsiaTrBVdEdRicgow/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNLVUJfpwud9STmC8v1h38zcR7NXw0xPWrz7T1icAhwTyiaX1uvg07p72A/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SN3O96t6sm1Y4eOQFBa7yY7qpiaibRiasLnv87kiblaibD1vVKmWdKAeIAd2g/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNKbxEvNNym6FtpgiamXh2HnzPQoC60kH2ooHlrQCFS8Lm2Rg2ibWHPic5g/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNs5szRlAsILZdVCjpQEB5dzYxxChI6jCZI6C8wZLKmItVkaA62T5Agw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNumKS7Tw7IdjbA8MnLNoZw6RrKEraibchZUSl05icqtq0Yzd7hzrKc4jQ/0?wx_fmt=jpeg"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNBSWoT3L19YSNMyfbJpTgibj3rnradAokiaNQxdyN7iclp0uicno6tdicwUw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNaibu5Ih4AZ9wa3XZM1oPmC5pqZzUXdfD73dpzfIKZs8tuWdv7s8lFww/0?wx_fmt=jpeg"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNH1X6zNqQA3WeKriaeIwngRhNU8LibztwAXEUJpRZEqB9Eg6Y1zribh3cQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNYanO9QWMxbtAlndk6Pf5LVnBENnHD0J69PlicXU7o96BERjTas6Kl1Q/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNYficld1z9OicmOSmjgWzvgibZJDUiabBcYNs1zZa8URyOWmS88L53Iso2Q/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNuvfhFN5t7bPgvfnuw1tLxpdia6BbwAZTWg4mdMYTHxROFyhIQnIbrzg/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNgW4rSpy1lREgSXobnInTlT9rwIKx8R9rQo1uv3CCwv9PC8NicJ1MQCQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNShxM5hdwqsicAzf2XCIhH7Rn3EfmyEiaic9FLKaic3yms5TgkicLhCDPdqw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNzibrqrU6BZvZdsgu0HPeYODtdpf010HXyCjdtibWibpvicT2EoXNgHBzdQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNSALFvV5cAPGkVkyIgu1mDoSpe0aD38URcx0EHTYlmNHpvyaZkZv1Qw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNkZC9UQDZXzBibleIXhZrMGqDUicDeibXWhWyY5IiabLM2T4Y4LT7v5oYlQ/0?wx_fmt=gif"/></p>
            </li>
        </ul>
    </div>
    <div class="selectedStyleoOne" id="J_twoCon">
        <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNl7qia1bUychS3Lib1J8fb4bjYicvrqgic1hw3humylOtsiaTrBVdEdRicgow/0?wx_fmt=gif"/></p>
    </div>
    <button class="J_conBtn btn green"> 确 定 </button>
</div>

<!--原文阅读-->
<div class="tab-pane fade" id="tab-6">
    <div class="borderBox">
        <ul class="stylePannel J_wxStyle" style="width:800px;">

            <li>
                <section style="margin: 0px; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal;">
                    <section class="awb-s1" style="margin: 0px; padding: 0px; border: 0px; height: 0.1em; background-color: rgb(0, 187, 236);"></section>
                    <section class="awb-s1" style="margin: 0.3em 0px; padding: 0px; border: 0px; height: 0.3em; background-color: rgb(0, 187, 236);"></section>
                    <section class="awb-s3" style="margin: 0px; padding: 0.5em; border: 1px solid rgb(0, 187, 236); box-shadow: rgb(226, 226, 226) 0em 1em 0.1em -0.8em; font-size: 1em; line-height: 1.6em; background-color: white;">
                        <span style="margin: 0px; padding: 0px; border: 0px; color: inherit; font-size: 1em; font-family: inherit;">点击下方</span><span style="margin: 0px; padding: 0px; border: 0px; color: rgb(64, 84, 115); font-size: 1em; font-family: inherit;">“阅读原文”</span><span style="margin: 0px; padding: 0px; border: 0px; color: inherit; font-size: 1em; font-family: inherit;">查看更多</span>
                    </section>
                    <section class="awb-s4" style="margin: 0px; padding: 0px; border: 0px; color: rgb(0, 187, 236); font-size: 2em;">
                        ↓↓↓
                    </section>
                </section>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <p class="awb-s1" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; border: 0px; font-family: 微软雅黑; font-size: 13px; min-height: 1.5em; word-wrap: break-word; word-break: normal; white-space: pre-wrap; line-height: 36px; text-align: center; color: rgb(255, 255, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: rgb(0, 187, 236);">点击左下角查看更多</p>
                <p class="awb-s2" style="margin-top: -5px; margin-bottom: 0px; margin-left: 50px; padding: 0px; border-right-width: 1em; border-bottom-width: 0px; border-left-width: 1em; border-right-style: solid; border-left-style: solid; border-top-color: rgb(0, 187, 236); color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal; display: inline-block; border-top-width: 1.5em !important; border-top-style: solid !important; border-right-color: transparent !important; border-left-color: transparent !important;">
                    <br/>
                </p>
                <p>
                    <span style="color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; background-color: rgb(255, 255, 255);">&nbsp;</span>
                </p>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <section style="margin: 0px; padding: 0.7em 0px; border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(63, 71, 78); border-bottom-color: rgb(63, 71, 78); font-family: 微软雅黑; font-size: 1em; white-space: normal; max-width: 100%; line-height: 1.4em; font-style: italic; color: rgb(63, 71, 78); word-wrap: break-word !important; box-sizing: border-box !important;">
                    <span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-size: 12px; word-wrap: break-word !important; box-sizing: border-box !important;"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><em style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;">点击“<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-size: 16px; color: rgb(192, 80, 77); word-wrap: break-word !important; box-sizing: border-box !important;">阅读原文</span>”体验一次简单不过的微信编辑体验，不用太久，不用太难，<span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-size: 16px; color: rgb(155, 187, 89); word-wrap: break-word !important; box-sizing: border-box !important;">瞬间</span>即可！</em></strong></span>
                </section>
                <p>
                    <span style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; font-size: 12px; word-wrap: break-word !important; box-sizing: border-box !important;"><strong style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><em style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;"><br/></em></strong></span>
                </p>
                <p>
                    <br/>
                </p>
            </li>
            <li>
                <section style="margin: 0px; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal;">
                    <section style="margin: 0px; padding: 0px; border: 0px; height: 8em; white-space: nowrap; overflow: hidden;">
                        <img src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4EjENoWOyOVlGmGsLUKT2nZO0J4paxOeCcPj1ukRUKsdf7NbaLFnrATtT83WOR1rBQBvQCu22TOVw/0?wx_fmt=png6.png" style="margin: 0px; padding: 0px; border: 0px; max-width: 100%; max-height: 100%;"/>
                    </section>
                    <section style="margin: -7.2em 0.5em 5.5em; padding: 0.5em; border: 0px; height: 2em; font-size: 1em; line-height: 1.6em;">
                        <span style="margin: 0px; padding: 0px; border: 0px; color: inherit; overflow: hidden; font-size: 0.9em; font-family: inherit;">点击下方</span><span style="margin: 0px; padding: 0px; border: 0px; color: rgb(64, 84, 115); overflow: hidden; font-size: 0.9em; font-family: inherit;">“阅读原文”</span><span style="margin: 0px; padding: 0px; border: 0px; color: inherit; overflow: hidden; font-size: 0.9em; font-family: inherit;">查看更多</span>
                    </section>
                    <p>
                        <br/>
                    </p>
                </section>
            </li>
            <li>
                <p><img style="width:auto%!important;" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNT56lKNTJYNiaJpiaRnXicfVoxeRHuBibctpUMgxy1oA7yPSLEB8w3wib4rQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="width:auto!important;" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNMwEIj8oFNBa9JjHrDuPCGucicic1e04ibs0UaQyWZsGvd2yAHqvyqDldA/0?wx_fmt=jpeg"/></p>
            </li>
            <li>
                <p><img style="width:auto!important;" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNO4lOS9hj0yarOjReibMcmrQqTn1s1G2NLbdmQsnSF67XxtQ38Aic85QA/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="width:auto!important;" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNmiaCZu3vjhCVrWetyD7ENha46DlXFhzLp87kHoqISU0gyzic0U0MtwZA/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <blockquote style="MAX-WIDTH: 100%; WHITE-SPACE: normal; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 12px; PADDING-LEFT: 8px; MARGIN: 0px; PADDING-RIGHT: 8px; BACKGROUND-COLOR: rgb(45,163,7); border-radius: 5px"><span style="MAX-WIDTH: 100%; COLOR: white"><strong style="MAX-WIDTH: 100%">点击左下角查看更多</strong></span></blockquote><p><img style="BORDER-LEFT-WIDTH: 0px; HEIGHT: auto !important; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; VISIBILITY: visible !important" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNTgiaSsIa2QibdWoSI7YGiaF68Zw67BHgicw0lAZyiaTqiaQU7gibQzQ0Tn0RQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p style="WORD-WRAP: break-word; MARGIN-BOTTOM: 0px; FONT-FAMILY: 微软雅黑; WHITE-SPACE: pre-wrap; WORD-BREAK: normal; COLOR: rgb(255,255,255); PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 1.5em; MARGIN-TOP: 0px; LINE-HEIGHT: 36px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: rgb(0,0,0); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-shadow: rgb(69, 117, 58) 0px 1px 1px">点击左下角查看更多</p><p><img src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNlnIQCX8qlILEz17zia0aZ3CXo89e0zWv6XaxvaUZIbibXDKmRrp1ic8bQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p style="WORD-WRAP: break-word; MARGIN-BOTTOM: 0px; FONT-FAMILY: 微软雅黑; WHITE-SPACE: pre-wrap; WORD-BREAK: normal; COLOR: rgb(255,255,255); PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 1.5em; MARGIN-TOP: 0px; LINE-HEIGHT: 36px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: rgb(227,108,9); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-shadow: rgb(69, 117, 58) 0px 1px 1px">↙更多精彩文章请猛戳！！！</p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNEEhn6V7h3UH1KOanPFGeCdax4UBo4g8ymg78NIx1slSiaeVLia1ugh2w/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNic19IPYzvuQnfMHxlYltEsUxQISiaUQZK66uWLDJ418skruxWMAJl1sw/0?wx_fmt=gif"/></p>
            </li>

            <li>
                <p><img style="HEIGHT: auto !important" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SN5kxicxcTJc9L1NyOZvaKe7pElJlfArT3yEibcjmVXnNu8U2oOPPEMN4Q/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SN5iacpMZlR5rUSVz8D9GGdcibyRBibg85fkMNBMDRCokrkNhbOZQq30acg/0?wx_fmt=png"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNXCg3p7Cia85n5orf35koShEa6l5Mic2Yj1LgB7CJT5HEPVicQLQVwoECg/0?wx_fmt=gif"/></p>
            </li>
        </ul>
    </div>
    <div class="selectedStyleoOne" id="J_twoCon">
        <section style="margin: 0px; padding: 0px; border: 0px; color: rgb(68, 68, 68); font-family: 微软雅黑; font-size: 13px; line-height: 24px; white-space: normal;">
            <section class="awb-s1" style="margin: 0px; padding: 0px; border: 0px; height: 0.1em; background-color: rgb(0, 187, 236);"></section>
            <section class="awb-s1" style="margin: 0.3em 0px; padding: 0px; border: 0px; height: 0.3em; background-color: rgb(0, 187, 236);"></section>
            <section class="awb-s3" style="margin: 0px; padding: 0.5em; border: 1px solid rgb(0, 187, 236); box-shadow: rgb(226, 226, 226) 0em 1em 0.1em -0.8em; font-size: 1em; line-height: 1.6em; background-color: white;">
                <span style="margin: 0px; padding: 0px; border: 0px; color: inherit; font-size: 1em; font-family: inherit;">点击下方</span><span style="margin: 0px; padding: 0px; border: 0px; color: rgb(64, 84, 115); font-size: 1em; font-family: inherit;">“阅读原文”</span><span style="margin: 0px; padding: 0px; border: 0px; color: inherit; font-size: 1em; font-family: inherit;">查看更多</span>
            </section>
            <section class="awb-s4" style="margin: 0px; padding: 0px; border: 0px; color: rgb(0, 187, 236); font-size: 2em;">
                ↓↓↓
            </section>
        </section>
        <p>
            <br/>
        </p>
    </div>
    <button class="J_conBtn btn green"> 确 定 </button>
</div>

<!--其他-->
<div class="tab-pane fade" id="tab-7">
    <div class="borderBox">
        <ul class="stylePannel J_wxStyle" style="width:800px;">
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNvZE7DlKCONJHzMGR4yB7PzOgwSceFWebYhibDabcmYSaK6d4RdVbOGQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SN3cLPqKKj5vTdQ2fGicGWiaZN1pIFHcD7xSRNbC0b2AtXsTE05vTiaDd6w/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNyYhHXMJ19fZjpoia5n9tPMdUaT1r6YuOe7ZicAEbapDLS48iczgXCzQGQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNAwiaIU3HeViahDFgicl9I68eT4kFAOTF8DRGicGb3PEaicscGiabzcAeTqHA/0?wx_fmt=png"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNTGZwn2E2N6oVn79UchH3Jlzbd4ibiccEaaeCL7GkItPJjia35xOEA5mnA/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNFBZWDwNoO4gGib96gE7u9MGJfLCBaer00uvDT8G7T45xYvicwNoXebYw/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNmXRFkQfPoN5R6iaibttsZtUUpem3gssWhU8nT55pica4QljHlU0LOO2GQ/0?wx_fmt=gif"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNNThcBeDP84e3KTT6xe2zpibN2Rf4YV4YkawzgEZXRj7bozAlwASZaHQ/0?wx_fmt=jpeg"/></p>
            </li>
            <li>
                <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNzOpgROSTKquibLHaZn470dLiaMsic3zDIypZPTOQmhqxBNMX6uibe7CNaA/0?wx_fmt=jpeg"/></p>
            </li>
        </ul>
    </div>
    <div class="selectedStyleoOne" id="J_twoCon">
        <p><img style="HEIGHT: auto !important; WIDTH: auto;" data-ratio="0.11956521739130435" src="https://mmbiz.qlogo.cn/mmbiz/miaicBZBfRD4FZqnpjphNgmcDZdqWxx3SNvZE7DlKCONJHzMGR4yB7PzOgwSceFWebYhibDabcmYSaK6d4RdVbOGQ/0?wx_fmt=gif"/></p>
    </div>
    <button class="J_conBtn btn green"> 确 定 </button>
</div>

<!--我的样式-->
<div class="tab-pane fade" id="tab-8">
    <!-- 我的样式列表 -->
    <div class="J_addStyleBox">
        <button class="btn btn-green J_addStyleBtn" target="_blank"><i class="fa fa-plus"></i> 添加自定义样式</button>
        <div class="no-material">您还没有添加样式，点击上面添加按钮试试吧！</div>

        <div class="J_styleList" style="display:none;">
            <div class="borderBox">
                <ul class="stylePannel J_myStyleList" style="width:800px;max-height:405px;" id="J_sortStyle">

                </ul>
            </div>
            <div class="selectedStyleoOne" id="J_styleChoseBox">

            </div>
            <button class="J_conBtn btn green"> 确 定 </button>
        </div>

    </div>
    <!-- 添加我的样式 -->
    <div class="J_uploadStyle" style="display:none;">
        <h3 class="tipUpload">为方便以后在客户端使用自定义样式，有以下2种方式上传添加为<span class="orangeColor">“我的样式”</span>，您可以任选一种方式添加。</h3>
        <div class="img-upload">
            <h4 class="type-title"><span class="orangeColor">方式1 - 图片：</span>若您有整理过的图片样式，可以</h4>
            <div class="upload-img-box">
                        <span class="btn btn-primary btn-xs fileinput-button" id="J_myUploadImg">
                            <span>批量上传</span>
                            <input id="addPic_avatarTwo" type="file" name="files" class="btn" multiple="multiple">
                        </span>
            </div>
        </div>
        <div class="text-upload">
            <h4 class="type-title"><span class="orangeColor">方式2 - 网页：</span>若您看到喜欢的网页样式（一般为可添加文字的图片样式），可以拷贝到下方编辑框</h4>
            <script id="editorTwo" type="text/plain" style="max-width:800px;height:200px;margin-top:5px;"></script>
            <p class="sub-btn-con">
                <button class="btn btn-yellow J_subStyleBtn w150" target="_blank"> 提 交 </button>&nbsp;&nbsp;
                <button class="btn btn-default J_caeStyleBtn w150" target="_blank"> 取 消 </button>
            </p>
        </div>
    </div>
</div>

</div>
</div>